.layout-pc{min-height:100vh;background:var(--bg-primary)}.pc-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200)}[data-theme=dark] .pc-header{background:rgba(18,23,20,.92);border-bottom-color:var(--gray-300)}.pc-header-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;gap:40px}.pc-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.pc-nav{display:flex;align-items:center;gap:4px;flex:1}.pc-nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap}.pc-nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.pc-nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.pc-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle{width:36px;height:36px;padding:0!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center}.pc-main{max-width:1280px;margin:0 auto;padding:24px 32px 48px;min-height:calc(100vh - 64px)}.layout-tablet{display:flex;min-height:100vh;background:var(--bg-primary)}.tablet-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;background:var(--bg-white);z-index:200;transition:left .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border-right:1px solid var(--gray-200)}.tablet-sidebar.open{left:0}.tablet-sidebar-header{display:flex;align-items:center;gap:8px;padding:20px;border-bottom:1px solid var(--gray-100)}.tablet-sidebar-header .logo-text{flex:1}.tablet-nav{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.tablet-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.tablet-nav-item:hover{background:var(--gray-50)}.tablet-nav-item.active{background:var(--primary-bg);color:var(--primary)}.nav-icon-wrap{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-arrow{margin-left:auto;opacity:.3}.tablet-main{flex:1;display:flex;flex-direction:column;min-width:0}.tablet-topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-white);border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:50}.tablet-page-title{flex:1;font-size:18px;font-weight:700;color:var(--text-primary)}.tablet-content{flex:1;padding:20px;overflow-y:auto}.tablet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:199;animation:fadeIn .2s ease}.layout-mobile{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.mobile-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-white);border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:100}.mobile-header .logo-text{flex:1;font-size:16px}.mobile-main{flex:1;padding:12px 12px 80px;overflow-y:auto}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-white);border-top:1px solid var(--gray-200);padding:4px 4px env(safe-area-inset-bottom,4px);z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:500;color:var(--text-muted);transition:all var(--transition);border-radius:8px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{stroke-width:2.5}.bottom-nav-item:active{background:var(--primary-bg)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:200;animation:fadeIn .2s ease;display:flex;justify-content:flex-end}.mobile-menu{width:280px;max-width:85vw;background:var(--bg-white);height:100%;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--gray-100);font-size:16px;font-weight:700}.mobile-menu-nav{flex:1;padding:12px;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-primary);transition:all var(--transition)}.mobile-menu-item:active{background:var(--primary-bg)}.mobile-menu-item.active{background:var(--primary-bg);color:var(--primary)}.mobile-menu-footer{padding:16px;border-top:1px solid var(--gray-100)}@media (min-width: 1025px) and (max-width: 1280px){.pc-header-inner{gap:20px;padding:0 20px}.pc-nav-item span{display:none}.pc-nav-item{padding:8px 10px}}@media (min-width: 769px) and (max-width: 1024px){.tablet-content{padding:16px}}.mega-menu-trigger{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.mega-arrow{transition:transform .25s ease;margin-left:2px;opacity:.6}.mega-arrow.open{transform:rotate(180deg)}.mega-menu-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#FFFFFF;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;padding:20px;z-index:300;min-width:520px;max-width:640px;animation:megaFadeIn .2s ease}@keyframes megaFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .mega-menu-panel{background:#161E19}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mega-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;cursor:pointer;background:transparent}.mega-card:hover{background:var(--bg-hover);transform:translateY(-1px)}.mega-card.active{background:var(--primary-bg)}.mega-card.active .mega-card-title{color:var(--primary)}.mega-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.mega-card:hover .mega-card-icon{transform:scale(1.08)}.mega-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.mega-card-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.mega-card-desc{font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .mega-menu-panel{background:#161E19;border-color:var(--border-color);box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff0f}[data-theme=dark] .mega-card:hover{background:rgba(255,255,255,.06)}.tablet-nav-group{width:100%;justify-content:flex-start;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.tablet-nav-group .mega-arrow{margin-left:auto;opacity:.5}.tablet-mega-panel{padding:4px 4px 8px;animation:megaExpand .25s ease}@keyframes megaExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:320px}}.tablet-mega-panel .mega-grid{grid-template-columns:1fr;gap:4px}.tablet-mega-panel .mega-card{padding:10px 12px;gap:10px;border-radius:var(--radius-md)}.tablet-mega-panel .mega-card:hover{background:var(--gray-50)}.tablet-mega-panel .mega-card-icon{width:38px;height:38px;border-radius:10px}.tablet-mega-panel .mega-card-icon svg{width:20px;height:20px}.tablet-mega-panel .mega-card-title{font-size:14px;font-weight:600}.tablet-mega-panel .mega-card-desc{font-size:12px}.mobile-mega-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);z-index:250;animation:fadeIn .2s ease;display:flex;align-items:flex-end}.mobile-mega-panel{width:100%;max-height:70vh;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:8px 16px 24px;animation:slideUpPanel .3s ease;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-mega-header{display:flex;align-items:center;justify-content:center;padding:8px 0 12px;position:relative}.mobile-mega-handle{width:32px;height:4px;background:var(--border-color);border-radius:2px}.mobile-mega-title{position:absolute;left:0;font-size:16px;font-weight:700;color:var(--text-primary)}.mobile-mega-header .btn-icon{position:absolute;right:0}.mobile-mega-panel .mega-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mobile-mega-panel .mega-card{flex-direction:column;align-items:center;padding:14px 8px;gap:8px;text-align:center}.mobile-mega-panel .mega-card-icon{width:48px;height:48px}.mobile-mega-panel .mega-card-title{font-size:13px}.mobile-mega-panel .mega-card-desc{display:none}.mega-tool-tab{background:none;border:none;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-section-title{display:flex;align-items:center;gap:8px;padding:16px 16px 8px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media (min-width: 1025px) and (max-width: 1150px){.mega-menu-panel{min-width:400px;padding:16px}.mega-menu-panel .mega-grid{grid-template-columns:repeat(3,1fr)}.mega-card{padding:8px 10px}.mega-card-icon{width:36px;height:36px}.mega-card-icon svg{width:18px;height:18px}}@media (min-width: 1151px){.mega-menu-panel .mega-grid{grid-template-columns:repeat(3,1fr)}}.home-greeting{padding:8px 0 20px}.greeting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.greeting-text{flex:1;min-width:0}.greeting-title{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.greeting-icon{display:inline-block;vertical-align:middle;margin-left:2px;color:var(--primary);flex-shrink:0}.greeting-sub{font-size:14px;color:var(--text-secondary);margin:0}.greeting-report-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--primary);background:var(--primary-bg);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.greeting-report-btn:hover{background:var(--primary);color:#fff}.quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.quick-stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.qsc-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qsc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qsc-label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.qsc-value{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.2}.qsc-sub{font-size:11px;color:var(--text-secondary)}.qsc-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .25s ease}.quick-stat-card:hover .qsc-arrow{opacity:1;transform:translate(0)}.home-modules{padding:28px 0 8px}.modules-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.modules-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.modules-hint{font-size:12px;color:var(--text-muted)}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:22px 20px 18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .25s ease;animation:slideUp .45s ease-out both;display:flex;flex-direction:column}.module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.module-card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.module-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.module-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000001f}.module-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;line-height:1.4}.module-card-body{flex:1;margin-bottom:14px}.module-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.module-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.module-card-footer{display:flex;align-items:center}.module-enter{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;transition:gap .2s}.module-card:hover .module-enter{gap:6px}.home-onboarding{padding:20px 0 8px}.onboarding-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#FFF8E1,#FFF3E0);border-radius:var(--radius-lg);border:1px solid #FFE0B2}[data-theme=dark] .onboarding-card{background:linear-gradient(135deg,var(--color-orange-bg),rgba(255,183,77,.03));border-color:var(--color-orange-border)}.onboarding-text{flex:1;min-width:0}.onboarding-text strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:2px}.onboarding-text p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.home-footer{border-top:1px solid var(--gray-200);padding:24px 0 12px;margin-top:24px}.footer-content{text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px}.footer-brand-name{font-size:12px;color:var(--text-muted)}@media (max-width: 1024px){.greeting-title{font-size:24px}.quick-stats-row{grid-template-columns:repeat(3,1fr);gap:10px}.quick-stat-card{padding:14px}.qsc-value{font-size:18px}.modules-grid{grid-template-columns:repeat(2,1fr);gap:12px}.module-card{padding:20px 18px 16px}}@media (max-width: 768px){.home-greeting{padding:4px 0 16px}.greeting-title{font-size:22px}.greeting-sub{font-size:13px}.greeting-report-btn span{display:none}.greeting-report-btn{padding:8px 10px}.quick-stats-row{grid-template-columns:1fr;gap:8px}.quick-stat-card{padding:14px 16px}.qsc-value{font-size:18px}.modules-grid{grid-template-columns:repeat(2,1fr);gap:10px}.module-card{padding:16px 14px 14px}.module-icon-box{width:38px;height:38px}.module-card-title{font-size:14px}.module-card-desc{font-size:11px}.onboarding-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.onboarding-card .btn{width:100%}}@media (max-width: 400px){.modules-grid{grid-template-columns:1fr 1fr;gap:8px}.module-card{padding:14px 12px 12px}.module-icon-box{width:34px;height:34px}.module-icon-box svg{width:18px;height:18px}.module-card-title{font-size:13px}.module-badge{font-size:10px;padding:2px 8px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header-left{display:flex;align-items:center;gap:16px}.page-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.page-header-left h1{font-size:22px;font-weight:800}.page-header-left p{font-size:13px;color:var(--text-secondary)}.page-header-actions{display:flex;gap:8px}.schedule-tabs{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:var(--radius-md);margin-bottom:20px;width:fit-content}.schedule-tab{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition)}.schedule-tab.active{background:var(--bg-white);color:var(--primary);box-shadow:var(--shadow-sm)}.schedule-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--gray-200);min-width:240px;transition:all var(--transition)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2ebd8526}.search-box input{border:none;outline:none;flex:1;font-size:14px;background:transparent;color:var(--text-primary)}[data-theme=dark] .search-box input::placeholder{color:var(--text-muted)}.category-filter{display:flex;gap:8px;flex-wrap:wrap;flex:1}.filter-chip{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--gray-200);transition:all var(--transition);white-space:nowrap}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.view-toggle{display:flex;background:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--gray-200);overflow:hidden}.view-btn{padding:8px;color:var(--text-muted);transition:all var(--transition)}.view-btn.active{background:var(--primary-bg);color:var(--primary)}.template-grid{display:grid;gap:20px}.template-grid.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-grid.list{grid-template-columns:1fr}.template-card{background:var(--bg-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;animation:slideUp .5s ease-out both}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--gray-50)}.template-card-header h3{font-size:16px;font-weight:700;margin-bottom:4px}.template-author{font-size:12px;color:var(--text-muted)}.template-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.template-stats span{display:flex;align-items:center;gap:4px}.template-preview{padding:12px 20px;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.preview-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.preview-item.full{padding:8px 0;border-bottom:1px solid var(--gray-50)}.preview-time{font-weight:600;color:var(--text-primary);min-width:42px;font-size:12px}.preview-emoji{font-size:16px;width:24px;text-align:center}.preview-activity{flex:1;color:var(--text-secondary)}.preview-more{text-align:center;padding:4px;font-size:12px;color:var(--text-muted);font-weight:500}.template-tags{padding:12px 20px;display:flex;gap:6px;flex-wrap:wrap}.template-actions{padding:12px 20px;display:flex;gap:8px;border-top:1px solid var(--gray-100)}.template-actions .btn-outline{flex:1}.template-actions .btn-primary{flex:2}.my-schedule-area{animation:fadeIn .4s ease}.my-schedule-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.my-schedule-actions-left h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.my-schedule-actions-right{display:flex;gap:8px;align-items:center}.schedule-copy-text-btn,.schedule-download-img-btn{transition:all .2s ease}.schedule-copy-text-btn:hover{border-color:var(--primary);color:var(--primary)}.schedule-download-img-btn:hover{border-color:#f0a040;color:#f0a040}.export-btn-group{position:relative}.export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:160px;overflow:hidden;animation:fadeIn .15s ease}.export-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;color:var(--text-primary);transition:background var(--transition);text-align:left}.export-dropdown button:hover{background:var(--gray-50)}.my-schedule-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.calendar-area{display:flex;flex-direction:column;gap:16px}.my-schedule-layout .month-calendar{margin-bottom:0;flex:1}.my-schedule-layout .schedule-timeline{margin-bottom:0}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.month-calendar{background:var(--bg-white);border-radius:var(--radius-xl);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-month{font-size:16px;font-weight:700}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:var(--radius-md);font-size:13px;font-weight:500;transition:all var(--transition);position:relative;padding:6px 4px;cursor:pointer;overflow:hidden;min-height:72px}.calendar-day:hover{background:var(--gray-50)}.calendar-day.today{background:var(--primary-bg);color:var(--primary);font-weight:700}.calendar-day.selected{border:2px solid var(--primary);box-shadow:0 0 0 2px #2ebd8526}.calendar-day.checked{color:var(--success)}.calendar-day .day-num{font-size:13px;font-weight:600;line-height:1}.day-dot{width:4px;height:4px;border-radius:50%;background:var(--success);margin-top:2px;flex-shrink:0}.day-summary{display:flex;flex-direction:column;gap:1px;margin-top:3px;width:100%;overflow:hidden}.day-summary-item{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;padding:0 2px;background:var(--gray-50);border-radius:2px}.day-summary-more{font-size:9px;color:var(--primary);font-weight:600}.selected-day-detail{background:var(--bg-white);border-radius:var(--radius-xl);padding:16px 20px;box-shadow:var(--shadow-sm)}.selected-day-detail h4{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.day-plan-mini{display:flex;flex-direction:column;gap:6px}.day-plan-mini-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--gray-50);border-radius:var(--radius-sm);font-size:13px}.mini-time{font-weight:700;color:var(--primary);min-width:40px;font-size:12px}.mini-emoji{font-size:16px;width:22px;text-align:center}.mini-activity{flex:1;font-weight:500}.mini-category{font-size:11px;color:var(--text-muted);background:var(--bg-white);padding:2px 8px;border-radius:10px}.day-plan-mini-more{text-align:center;font-size:12px;color:var(--text-muted);padding:4px}.schedule-timeline{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.schedule-timeline h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:20px}.timeline-hint{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:auto}.timeline-list{position:relative}.timeline-item{display:flex;align-items:center;gap:12px;cursor:grab;transition:all var(--transition)}.timeline-item:hover{background:var(--gray-50);border-radius:var(--radius-sm)}.timeline-item:active{cursor:grabbing}.timeline-line{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-white);box-shadow:0 0 0 2px var(--primary);flex-shrink:0}.timeline-connector{width:2px;flex:1;min-height:24px;background:var(--gray-200)}.timeline-time{font-size:13px;font-weight:700;color:var(--primary);min-width:44px;text-align:center}.timeline-content{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--gray-50);border-radius:var(--radius-sm);flex:1}.timeline-emoji{font-size:20px}.timeline-activity{flex:1;font-size:14px;font-weight:500}.timeline-category{font-size:11px;color:var(--text-muted);background:var(--bg-white);padding:2px 8px;border-radius:10px}.export-bar{display:flex;gap:12px;justify-content:center;padding:20px 0}.share-preview-content{max-height:200px;overflow-y:auto;background:var(--gray-50);border-radius:var(--radius-sm);padding:8px 12px}.like-btn.liked{animation:heartPop .4s ease}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.heart-beat{animation:heartBeat .6s ease}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}to{transform:scale(1)}}.stat-liked{color:#ef5350!important;font-weight:600}.modal-lg{max-width:600px!important}.create-plan-list{display:flex;flex-direction:column;gap:8px}.create-plan-row{display:flex;align-items:center;gap:8px}.plan-time-input{width:80px;padding:8px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--bg-white);color:var(--text-primary)}.plan-time-input:focus{border-color:var(--primary)}.plan-activity-input{flex:1;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--bg-white);color:var(--text-primary)}.plan-activity-input:focus{border-color:var(--primary)}.plan-category-select{width:80px;padding:8px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--bg-white)}.plan-category-select:focus{border-color:var(--primary)}.calendar-day.empty{pointer-events:none}.schedule-day-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:8px}.schedule-day-empty-icon{font-size:40px;margin-bottom:4px;opacity:.6}.schedule-day-empty-text{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.schedule-day-empty-hint{font-size:12px;color:var(--text-muted);margin:0 0 8px}.timeline-item.past{opacity:.55;cursor:not-allowed}.timeline-item.past:hover{background:transparent}.timeline-item.past .timeline-content{background:var(--gray-100)}.timeline-dot.past{background:var(--gray-300);box-shadow:0 0 0 2px var(--gray-300)}.schedule-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:0 4px}.schedule-progress-bar{flex:1;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.schedule-progress-fill{height:100%;background:linear-gradient(90deg,#2EBD85,#5AD4A7);border-radius:4px;transition:width .4s ease}.schedule-progress-text{font-size:12px;color:var(--text-muted);font-weight:500;white-space:nowrap}.timeline-item.completed .timeline-content{background:#E8F5E9;opacity:.7}.timeline-item.completed .timeline-activity{text-decoration:line-through;color:var(--text-muted)}.timeline-dot.done{background:#2EBD85!important;box-shadow:0 0 0 2px #2ebd85!important;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.timeline-dot.done svg{width:10px;height:10px}.share-card-modal{max-width:440px!important}.share-card-body{display:flex;flex-direction:column;align-items:center}.share-card{width:360px;min-height:480px;border-radius:var(--radius-2xl);padding:28px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(160deg,#2EBD85 0%,#1F9E6A 45%,#1565C0 100%);box-shadow:0 20px 60px #1565c059;font-family:var(--font-sans)}.share-card:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:rgba(255,255,255,.1);border-radius:50%}.share-card:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;background:rgba(255,255,255,.08);border-radius:50%}.share-card-header{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.share-card-logo{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.share-card-brand{font-size:18px;font-weight:800;letter-spacing:.5px}.share-card-slogan{font-size:12px;opacity:.9}.share-card-title{margin:24px 0 16px;position:relative;z-index:1}.share-card-main-title{font-size:26px;font-weight:800;margin-bottom:4px}.share-card-date{font-size:13px;opacity:.9}.share-card-list{display:flex;flex-direction:column;gap:8px;flex:1;position:relative;z-index:1;overflow:hidden}.share-card-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(255,255,255,.14);border-radius:var(--radius-md);font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-card-time{min-width:42px;font-weight:700;font-size:12px}.share-card-icon{font-size:17px;width:22px;text-align:center}.share-card-activity{flex:1;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.share-card-tag{font-size:10px;padding:2px 8px;background:rgba(255,255,255,.22);border-radius:10px;white-space:nowrap}.share-card-more{text-align:center;font-size:12px;opacity:.85;padding:4px}.share-card-footer{margin-top:auto;padding-top:16px;position:relative;z-index:1}.share-card-stats{display:flex;justify-content:space-between;font-size:12px;opacity:.9;margin-bottom:12px}.share-card-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.14);border-radius:var(--radius-md);margin-bottom:12px}.share-card-qr{width:52px;height:52px;border-radius:var(--radius-sm);background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.share-card-cta-title{font-size:14px;font-weight:700}.share-card-cta-sub{font-size:11px;opacity:.85}.share-card-hashtags{text-align:center;font-size:12px;opacity:.85;letter-spacing:.3px}@media (max-width: 1024px){.template-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.page-header{flex-direction:column;align-items:flex-start}.category-filter{overflow-x:auto;padding-bottom:4px}}@media (max-width: 768px){.schedule-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.template-grid.grid{grid-template-columns:1fr}.view-toggle{display:none}.template-actions{flex-wrap:wrap}.template-actions .btn{flex:1 1 auto}.calendar-day{font-size:11px}.timeline-content{padding:8px 12px}.schedule-tabs{width:100%}.schedule-tab{flex:1;justify-content:center}.my-schedule-layout{grid-template-columns:1fr}.my-schedule-actions{flex-direction:column;align-items:stretch}.my-schedule-actions-right{flex-wrap:wrap}.calendar-day{min-height:56px;padding:3px 2px}.day-summary-item{font-size:8px}.calendar-day .day-num{font-size:11px}}.progress-overview{margin-bottom:24px}.progress-card.main{display:flex;align-items:center;gap:32px;padding:24px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.progress-ring-wrap{position:relative;width:100px;height:100px;flex-shrink:0}.progress-ring{width:100%;height:100%}.progress-ring-circle{transition:stroke-dasharray .8s ease}.progress-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring-text strong{font-size:22px;font-weight:800;color:var(--success)}.progress-ring-text span{font-size:11px;color:var(--text-muted)}.progress-details{display:flex;gap:32px;flex:1}.progress-stat{display:flex;align-items:center;gap:12px}.progress-stat div{display:flex;flex-direction:column}.progress-stat strong{font-size:18px;font-weight:700}.progress-stat span{font-size:12px;color:var(--text-muted)}.photo-mode-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#E8F5E9,#C8E6C9);border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;color:#2e7d32;flex-wrap:wrap}[data-theme=dark] .photo-mode-bar{background:linear-gradient(135deg,var(--color-green-bg),rgba(129,199,132,.03));color:var(--color-green-text)}.photo-mode-bar span{flex:1}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.task-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);transition:all .3s ease;animation:slideUp .5s ease-out both;position:relative;overflow:hidden}.task-card.completed{opacity:.8}.task-card.checking{animation:pulse .3s ease}.task-card.completed:after{content:"🎉";position:absolute;top:8px;right:12px;font-size:24px;animation:bounceIn .5s ease}.task-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.task-subject{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.checking-tag{animation:bounceIn .4s ease}.task-title{font-size:16px;font-weight:700;margin-bottom:12px}.task-progress-bar{height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden;margin-bottom:8px}.task-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.task-progress-text{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:16px}.task-footer{display:flex;align-items:center;justify-content:space-between}.task-daily{font-size:12px;color:var(--text-secondary);background:var(--gray-100);padding:4px 10px;border-radius:12px}.btn-disabled{background:var(--gray-300)!important;box-shadow:none!important;cursor:default}.wrong-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wrong-card{display:flex;gap:16px;background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition);animation:slideUp .5s ease-out both}.wrong-card:hover{box-shadow:var(--shadow-md)}.wrong-card-left{flex-shrink:0}.wrong-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px}.wrong-card-body{flex:1;min-width:0}.wrong-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wrong-date{font-size:12px;color:var(--text-muted)}.wrong-problem{font-size:14px;margin-bottom:8px;display:flex;gap:4px}.wrong-label{color:var(--text-muted);flex-shrink:0}.wrong-answers{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.wrong-answer{display:flex;align-items:center;gap:4px;font-size:13px;padding:6px 10px;border-radius:var(--radius-sm)}.wrong-user{background:#FFEBEE;color:#c62828}[data-theme=dark] .wrong-user{background:var(--color-red-bg);color:var(--color-red-text)}.wrong-correct{background:#E8F5E9;color:#2e7d32}[data-theme=dark] .wrong-correct{background:var(--color-green-bg);color:var(--color-green-text)}.wrong-value{font-weight:600}.wrong-reason{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--gray-50);padding:8px 12px;border-radius:var(--radius-sm)}.wrong-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wrong-stat-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.wrong-stat-card strong{display:block;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px}.wrong-stat-card span{font-size:12px;color:var(--text-muted)}.share-plans{animation:fadeIn .4s ease}.share-plans-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.share-plans-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.share-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.share-plan-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.share-plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-plan-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.share-plan-top h4{font-size:15px;font-weight:700;flex:1;margin-right:8px}.share-plan-subjects{display:flex;gap:6px;margin-bottom:16px}.share-subject-tag{font-size:12px;font-weight:500;padding:3px 10px;border-radius:12px}.share-plan-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100)}.share-plan-author{font-size:12px;color:var(--text-muted)}.share-plan-actions{display:flex;align-items:center;gap:12px}.share-plan-actions span{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.add-homework-form{display:flex;flex-direction:column;gap:16px}.add-homework-form .form-row{display:flex;gap:12px}.add-homework-form .form-group{flex:1;display:flex;flex-direction:column;gap:6px}.add-homework-form label{font-size:13px;font-weight:600;color:var(--text-secondary)}.add-homework-form input,.add-homework-form select{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border-color var(--transition)}.add-homework-form input:focus,.add-homework-form select:focus{border-color:var(--primary)}.celebrate-content h2{font-size:22px;font-weight:800;margin:12px 0 4px;color:#66bb6a}@media (max-width: 768px){.progress-card.main{flex-direction:column;align-items:center;gap:20px;padding:20px}.progress-details{flex-direction:column;gap:16px;width:100%}.task-grid{grid-template-columns:1fr}.wrong-stats{grid-template-columns:repeat(3,1fr)}.wrong-stat-card strong{font-size:20px}.wrong-card{flex-direction:column;gap:12px}.share-plans-grid{grid-template-columns:1fr}.photo-mode-bar{flex-direction:column;align-items:flex-start}}.timer-notify{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#FFA726,#FFCC02);color:#fff;border-radius:var(--radius-lg);margin-bottom:20px;font-weight:600;font-size:15px;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}[data-theme=dark] .timer-notify{background:linear-gradient(135deg,#BF360C,#E65100);color:#fff}.timer-main{display:flex;flex-direction:column;align-items:center;gap:32px}.custom-timer-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:16px;padding:20px 24px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);width:100%}.custom-input-group{display:flex;flex-direction:column;gap:6px}.custom-input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.custom-input-group input{width:100%;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:16px;font-weight:700;text-align:center;outline:none;transition:border-color var(--transition)}.custom-name-group{grid-column:1 / -1}.custom-name-group input{text-align:left;font-weight:500;font-size:14px}.custom-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.custom-input-group input:focus{border-color:var(--primary)}.custom-separator{font-size:20px;color:var(--text-muted);font-weight:700}.timer-circle-container{display:flex;flex-direction:column;align-items:center;gap:24px}.timer-circle{position:relative;width:280px;height:280px}.timer-svg{width:100%;height:100%}.timer-progress-circle{transition:stroke-dashoffset .3s ease}.timer-circle-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.timer-mode-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.timer-display{display:flex;align-items:center;gap:2px}.timer-minutes,.timer-seconds{font-size:52px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-2px;color:var(--text-primary);font-family:Courier New,SF Mono,monospace;text-shadow:0 0 10px rgba(66,165,245,.3)}.timer-circle.break .timer-minutes,.timer-circle.break .timer-seconds{text-shadow:0 0 10px rgba(255,167,38,.3)}.timer-colon{font-size:48px;font-weight:800;color:var(--text-secondary);font-family:Courier New,SF Mono,monospace;animation:blink 1s steps(1) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer-info{font-size:12px;color:var(--text-muted);text-align:center}.timer-controls{display:flex;align-items:center;gap:24px}.timer-play-btn{width:64px!important;height:64px!important;border-radius:50%!important;padding:0!important;display:flex;align-items:center;justify-content:center}.session-info{display:flex;gap:24px}.session-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);background:var(--bg-white);padding:8px 16px;border-radius:20px;box-shadow:var(--shadow-sm)}.session-stat strong{color:var(--text-primary)}.timer-presets{width:100%}.timer-presets h3{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;margin-bottom:16px}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.preset-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-white);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.preset-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.preset-card.active{box-shadow:var(--shadow-md)}.preset-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.preset-info{flex:1;min-width:0}.preset-info strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.preset-info span{font-size:12px;color:var(--text-muted)}.rule-card{display:flex;gap:12px;padding:16px 20px;background:#FFF8E1;border-radius:var(--radius-md);width:100%;max-width:600px}[data-theme=dark] .rule-card{background:var(--color-gold-bg)}.rule-card strong{font-size:13px;display:block;margin-bottom:4px}.rule-card p{font-size:12px;color:var(--text-secondary);line-height:1.6}.timer-stats{animation:fadeIn .4s ease}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:8px}.stat-card strong{font-size:28px;font-weight:800;color:var(--text-primary)}.stat-card span{font-size:12px;color:var(--text-muted)}.weekly-chart{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.weekly-chart h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:24px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:160px;padding-top:20px}.chart-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar{width:36px;border-radius:6px 6px 0 0;position:relative;transition:height .5s ease;min-height:4px;display:flex;align-items:flex-start;justify-content:center}.chart-value{position:absolute;top:-18px;font-size:10px;font-weight:600;color:var(--text-secondary)}.chart-label{font-size:12px;font-weight:500;color:var(--text-muted)}.timer-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.timer-share-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.timer-share-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.timer-share-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.timer-share-icon{font-size:28px}.timer-share-top h4{font-size:15px;font-weight:700}.timer-share-author{font-size:12px;color:var(--text-muted)}.timer-share-top .tag{margin-left:auto}.timer-share-desc{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.timer-share-rule{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--gray-50);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.timer-share-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100)}.timer-share-footer span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.share-form{display:flex;flex-direction:column;gap:16px}.share-form .form-group{display:flex;flex-direction:column;gap:6px}.share-form .form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.share-input{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition)}.share-input:focus{border-color:var(--primary)}.share-textarea{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition);resize:vertical;font-family:inherit}.share-textarea:focus{border-color:var(--primary)}.share-preview{display:flex;flex-direction:column;gap:8px}.share-preview label{font-size:13px;font-weight:600;color:var(--text-secondary)}.share-preview-content{max-height:200px;overflow-y:auto;background:var(--gray-50);border-radius:var(--radius-sm);padding:12px}.share-time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.timer-circle{width:240px;height:240px}.timer-minutes,.timer-seconds{font-size:42px}.timer-colon{font-size:38px}.session-info{flex-direction:column;gap:8px}.presets-grid{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:16px}.stat-card strong{font-size:22px}.custom-timer-settings{grid-template-columns:1fr;align-items:stretch}.custom-input-group input{width:100%}.custom-actions{justify-content:stretch}.custom-actions .btn{flex:1}.chart-bar{width:24px}.timer-share-grid{grid-template-columns:1fr}}.comm-toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;background:var(--bg-white);padding:20px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.comm-filter-group{display:flex;align-items:center;gap:12px}.comm-filter-label{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:32px;flex-shrink:0}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.script-card{background:var(--bg-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;animation:slideUp .5s ease-out both}.script-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.script-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--gray-50)}.script-scenario{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.script-meta{display:flex;align-items:center;gap:8px}.script-emotion{font-size:13px}.script-age{font-size:12px;color:var(--text-muted);background:var(--gray-200);padding:2px 8px;border-radius:10px}.script-title{padding:12px 20px 0;font-size:16px;font-weight:700}.script-content{padding:12px 20px 16px}.script-line{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-50)}.script-line:last-child{border-bottom:none}.script-line-num{width:22px;height:22px;border-radius:50%;background:var(--primary-bg);color:var(--primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.script-line p{font-size:13px;color:var(--text-secondary);line-height:1.7}.script-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.script-author{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.script-author-avatar{font-size:18px}.script-actions{display:flex;align-items:center;gap:4px}.script-actions .btn-ghost.saved{color:#ffa726}.script-actions .btn-primary.copied{background:#66BB6A!important}.ai-section{animation:fadeIn .4s ease}.ai-intro{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#F3E5F5,#E1BEE7);border-radius:var(--radius-xl);margin-bottom:24px}[data-theme=dark] .ai-intro{background:linear-gradient(135deg,var(--card-purple-bg),rgba(206,147,216,.03));color:var(--text-primary)}[data-theme=dark] .ai-intro p{color:var(--text-secondary)}.ai-intro h3{font-size:16px;font-weight:700;margin-bottom:4px}.ai-intro p{font-size:13px;color:var(--text-secondary)}.ai-form{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.ai-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ai-form-group{display:flex;flex-direction:column;gap:6px}.ai-form-group.full{margin-bottom:16px}.ai-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.ai-form-group select,.ai-form-group textarea{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border-color var(--transition);background:var(--bg-white);color:var(--text-primary)}.ai-form-group select:focus,.ai-form-group textarea:focus{border-color:#ab47bc;box-shadow:0 0 0 3px #ab47bc1a}.ai-form-group textarea{resize:vertical;min-height:80px}.ai-generate-btn{width:100%}.spin{animation:spin 1s linear infinite}.ai-result{background:var(--bg-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid #E1BEE7}[data-theme=dark] .ai-result{border-color:var(--color-purple-border)}.ai-result-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background:#F3E5F5;font-weight:700;font-size:15px}[data-theme=dark] .ai-result-header{background:var(--color-purple-bg)}.ai-result-header .btn{margin-left:auto}.ai-result-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--gray-100)}.comm-share{animation:fadeIn .4s ease}.comm-daren-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.daren-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition)}.daren-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.daren-avatar{font-size:48px;display:block;margin-bottom:12px}.daren-card h4{font-size:15px;font-weight:700;margin-bottom:4px}.daren-followers{font-size:12px;color:var(--text-muted);display:block;margin-bottom:8px}.daren-card p{font-size:12px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.ai-dev-notice{text-align:center;padding:60px 40px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.ai-dev-notice svg{margin-bottom:16px}.ai-dev-notice h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.ai-dev-notice p{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.ai-dev-hint{font-size:13px!important;color:var(--text-muted)!important;margin-top:8px!important}.custom-scripts-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--gray-100)}.custom-scripts-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#2ebd85}@media (max-width: 1024px){.scripts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.scripts-grid,.ai-form-row,.comm-daren-grid{grid-template-columns:1fr}.ai-result-actions{flex-direction:column}.script-actions{flex-wrap:wrap}}.points-balance-card{display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,#FFF8E1,#FFECB3);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow-md)}[data-theme=dark] .points-balance-card{background:linear-gradient(135deg,var(--card-gold-bg),rgba(255,213,79,.04))}.balance-main{flex:1}.balance-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.balance-amount{display:flex;align-items:center;gap:12px}.balance-amount strong{font-size:42px;font-weight:800;color:var(--text-primary);letter-spacing:-1px}.balance-amount span{font-size:18px;color:var(--text-secondary);font-weight:600}.balance-stats{display:flex;gap:24px}.balance-stat{display:flex;align-items:center;gap:10px}.balance-stat-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.balance-stat-icon.earn{background:#E8F5E9;color:#2e7d32}[data-theme=dark] .balance-stat-icon.earn{background:var(--color-green-bg);color:var(--color-green-text)}.balance-stat-icon.spend{background:#FFEBEE;color:#c62828}[data-theme=dark] .balance-stat-icon.spend{background:var(--color-red-bg);color:var(--color-red-text)}.balance-stat div{display:flex;flex-direction:column}.balance-stat strong{font-size:18px;font-weight:700}.balance-stat span{font-size:11px;color:var(--text-muted)}.rules-section{animation:fadeIn .4s ease}.rules-intro{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-white);border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;font-weight:500;box-shadow:var(--shadow-sm)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.rule-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);border:2px solid transparent}.rule-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.rule-card.checked{border-color:#66bb6a;background:#F1F8E9}[data-theme=dark] .rule-card.checked{border-color:var(--color-green-border);background:var(--color-green-bg)}.rule-card-left{display:flex;align-items:center;gap:12px}.rule-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border-radius:var(--radius-sm)}.rule-info{display:flex;flex-direction:column;gap:2px}.rule-info strong{font-size:14px;font-weight:600}.rule-frequency{font-size:11px;color:var(--text-muted)}.rule-points{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#FFF8E1;border-radius:20px;font-size:14px;font-weight:700;color:#f57f17}[data-theme=dark] .rule-points{background:var(--color-gold-bg);color:var(--color-gold-text)}.shop-section{animation:fadeIn .4s ease}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.shop-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.shop-balance{font-size:14px;color:var(--text-secondary)}.shop-balance strong{color:#f57f17;font-size:18px}[data-theme=dark] .shop-balance strong{color:var(--color-gold-text)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.shop-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:20px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden}.shop-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.shop-card.locked{opacity:.6}.shop-card.redeemed:after{content:"已兑换";position:absolute;top:12px;right:-24px;background:#66BB6A;color:#fff;font-size:10px;font-weight:600;padding:4px 28px;transform:rotate(45deg)}.shop-card-icon{font-size:40px;margin-bottom:12px}.shop-card h4{font-size:14px;font-weight:700;margin-bottom:8px}.shop-cost{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px;font-size:16px;font-weight:700;color:#f57f17}[data-theme=dark] .shop-cost{color:var(--color-gold-text)}.records-section{animation:fadeIn .4s ease}.records-list{display:flex;flex-direction:column;gap:8px}.record-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.record-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px}.record-info{flex:1;display:flex;flex-direction:column;gap:2px}.record-desc{font-size:14px;font-weight:500}.record-date{font-size:12px;color:var(--text-muted)}.record-points{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.record-points.earn{color:#2e7d32}.record-points.spend{color:#c62828}[data-theme=dark] .record-points.earn{color:var(--color-green-text)}[data-theme=dark] .record-points.spend{color:var(--color-red-text)}.rules-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.rules-share-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.rules-share-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rules-share-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rules-share-top h4{font-size:15px;font-weight:700}.rules-share-top span{font-size:12px;color:var(--text-muted)}.rules-share-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.rules-share-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100)}.rules-share-footer span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.celebrate-content{background:var(--bg-white);border-radius:var(--radius-2xl);padding:40px;text-align:center;box-shadow:var(--shadow-xl);max-width:320px}.celebrate-content h2{font-size:22px;font-weight:800;margin:12px 0 4px;color:#f57f17}.celebrate-content p{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.points-balance-card{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.balance-amount strong{font-size:36px}.balance-stats{justify-content:center}.rules-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,1fr)}.rules-share-grid{grid-template-columns:1fr}.shop-card{padding:16px}}.outdoor-stats-banner{display:flex;gap:24px;padding:20px 24px;background:linear-gradient(135deg,#E0F7FA,#B2EBF2);border-radius:var(--radius-xl);margin-bottom:24px}[data-theme=dark] .outdoor-stats-banner{background:linear-gradient(135deg,var(--card-cyan-bg),rgba(77,208,225,.03))}.outdoor-stat-item{display:flex;align-items:center;gap:10px;flex:1}.outdoor-stat-item div{display:flex;flex-direction:column}.outdoor-stat-item strong{font-size:20px;font-weight:800;color:var(--text-primary)}.outdoor-stat-item span{font-size:12px;color:var(--text-secondary)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.mission-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);transition:all .3s ease;animation:slideUp .5s ease-out both;position:relative;overflow:hidden}.mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mission-card.completed{background:#F1F8E9;border:1px solid #C8E6C9;opacity:.75}[data-theme=dark] .mission-card.completed{background:var(--card-green-bg);border-color:var(--card-green-border)}.mission-card.checking{animation:pulse .3s ease}.mission-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.mission-icon{font-size:32px}.mission-badges{display:flex;gap:4px;flex-wrap:wrap}.mission-title{font-size:15px;font-weight:700;margin-bottom:8px}.mission-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.mission-footer{display:flex;align-items:center;justify-content:space-between}.mission-points{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#f57f17}[data-theme=dark] .mission-points{color:var(--color-gold-text)}.mission-done{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#2e7d32}[data-theme=dark] .mission-done{color:var(--color-green-text)}.checking-btn{opacity:.7}.mission-stamp{position:absolute;top:10px;right:10px;width:auto;height:auto;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease;pointer-events:none;z-index:2}.mission-stamp-inner{display:flex;align-items:center;gap:4px;color:#2e7d32;font-weight:700;font-size:12px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 10px;border-radius:20px;border:1px solid #C8E6C9;box-shadow:0 1px 4px #0000000f}[data-theme=dark] .mission-stamp-inner{color:var(--color-green-text);background:rgba(30,30,40,.9);border-color:var(--card-green-border)}.mission-stamp-inner svg{opacity:.8;width:14px;height:14px}.mission-title{font-size:15px;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.mission-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.routes-section{animation:fadeIn .4s ease}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.route-card{background:var(--bg-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition)}.route-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.route-card-header{padding:16px 20px;display:flex;align-items:center;gap:14px}.route-icon{font-size:32px}.route-card-header h4{font-size:15px;font-weight:700;margin-bottom:4px}.route-location{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.route-card-body{padding:12px 20px}.route-stats{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:13px;color:var(--text-secondary)}.route-stats span{display:flex;align-items:center;gap:4px}.route-tags{display:flex;gap:6px;flex-wrap:wrap}.route-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--gray-100)}.route-card-footer span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.badges-section{animation:fadeIn .4s ease}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.badge-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative}.badge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge-card:not(.earned){opacity:.5;filter:grayscale(.8)}.badge-icon-wrap{position:relative;width:64px;height:64px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.badge-icon{font-size:40px}.badge-earned-check{position:absolute;bottom:0;right:0;width:22px;height:22px;background:#66BB6A;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.badge-card h4{font-size:14px;font-weight:700;margin-bottom:6px}.badge-card p{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:12px}.badge-status{font-size:11px;font-weight:600;padding:3px 12px;border-radius:10px}.badge-status.earned{background:#E8F5E9;color:#2e7d32}[data-theme=dark] .badge-status.earned{background:var(--color-green-bg);color:var(--color-green-text)}.badge-status.locked{background:var(--gray-100);color:var(--text-muted)}@media (max-width: 768px){.outdoor-stats-banner{flex-wrap:wrap;gap:12px;padding:16px}.outdoor-stat-item{flex:1 1 40%}.mission-grid,.routes-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(2,1fr)}}.pg-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 24px}.pg-hero-left{flex:1;min-width:0}.pg-title{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.pg-title-icon{color:var(--primary);flex-shrink:0}.pg-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.pg-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-bg);white-space:nowrap;flex-shrink:0;margin-top:4px}.pg-section{padding:28px 0 8px}.pg-section:first-of-type{padding-top:4px}.pg-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.pg-section-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.pg-section-count{font-size:12px;color:var(--text-muted)}.pg-game-list{display:flex;flex-direction:column;gap:10px}.pg-game-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .25s ease;animation:slideUp .45s ease-out both;position:relative}.pg-game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pg-game-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.pg-game-card.active{box-shadow:var(--shadow-md);outline:2px solid var(--primary);outline-offset:-2px}.pg-game-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000001f}.pg-game-emoji{font-size:26px;line-height:1}.pg-game-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pg-game-top{display:flex;align-items:center;gap:10px}.pg-game-title{font-size:16px;font-weight:700;color:var(--text-primary)}.pg-game-tag{font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;line-height:1.5;white-space:nowrap}.pg-game-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.pg-stars{display:flex;gap:2px}.pg-star{color:var(--gray-300);transition:color .2s}.pg-star.filled{color:#f0a040;fill:#f0a040}[data-theme=dark] .pg-star.filled{color:#ffb74d;fill:#ffb74d}.pg-game-action{display:flex;align-items:center;gap:8px;flex-shrink:0}.pg-play-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;white-space:nowrap}.pg-play-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #0003}.pg-play-btn:active{transform:scale(.97)}.pg-game-arrow{color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .25s ease}.pg-game-card:hover .pg-game-arrow{opacity:1;transform:translate(0)}.pg-upcoming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pg-upcoming-card{display:flex;gap:14px;padding:18px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s ease;animation:slideUp .45s ease-out both}.pg-upcoming-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pg-upcoming-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-upcoming-emoji{font-size:24px;line-height:1;opacity:.6}.pg-upcoming-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pg-upcoming-title{font-size:14px;font-weight:700;color:var(--text-primary)}.pg-upcoming-desc{font-size:11px;color:var(--text-secondary);line-height:1.5;margin:0}.pg-upcoming-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;margin-top:2px}.pg-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 0 8px;font-size:13px;color:var(--text-muted)}@media (max-width: 1024px){.pg-title{font-size:24px}.pg-upcoming-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 768px){.pg-hero{flex-direction:column;gap:10px;padding:0 0 20px}.pg-title{font-size:22px}.pg-hero-badge{margin-top:0}.pg-game-card{padding:14px 16px;gap:12px}.pg-game-icon{width:44px;height:44px}.pg-game-emoji{font-size:22px}.pg-game-title{font-size:14px}.pg-game-desc{font-size:11px}.pg-play-btn{padding:6px 14px;font-size:12px}.pg-play-btn span{display:none}.pg-upcoming-grid{grid-template-columns:1fr 1fr;gap:8px}.pg-upcoming-card{padding:14px;gap:10px}.pg-upcoming-icon{width:40px;height:40px}.pg-upcoming-emoji{font-size:20px}.pg-section{padding:22px 0 6px}.pg-section:first-of-type{padding-top:0}}@media (max-width: 400px){.pg-game-card{padding:12px 14px}.pg-game-icon{width:40px;height:40px}.pg-game-emoji{font-size:20px}.pg-game-title{font-size:13px}.pg-game-tag{font-size:10px;padding:2px 8px}.pg-upcoming-grid{grid-template-columns:1fr}.pg-upcoming-card{padding:12px}}.report-page{animation:fadeIn .5s ease}.report-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.report-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:slideUp .5s ease-out both;transition:all var(--transition)}.report-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.report-stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.report-stat-value{font-size:24px;font-weight:800;letter-spacing:-.5px}.report-stat-sub{font-size:11px;color:var(--text-muted)}.report-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.report-section{background:var(--bg-white);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.report-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:20px}.report-progress-ring{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:16px}.report-ring-svg{width:120px;height:120px;flex-shrink:0}.report-ring-progress{transition:stroke-dasharray 1s ease}.report-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center}.report-ring-center strong{font-size:28px;font-weight:800;color:#66bb6a}.report-ring-center span{font-size:12px;color:var(--text-muted)}.report-progress-detail{display:flex;justify-content:space-around;font-size:13px;color:var(--text-secondary)}.report-study-stats{display:flex;flex-direction:column;gap:20px}.report-study-item{display:flex;flex-direction:column;gap:8px}.report-study-bar{height:12px;background:var(--gray-100);border-radius:6px;overflow:hidden}.report-study-fill{height:100%;border-radius:6px;transition:width 1s ease}.report-study-info{display:flex;justify-content:space-between;font-size:13px}.report-study-info span{color:var(--text-muted)}.report-study-info strong{color:var(--text-primary);font-weight:700}.report-points-overview{display:flex;flex-direction:column;gap:16px}.report-points-row{display:flex;gap:12px}.report-points-badge{flex:1;display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-md)}.report-points-badge.earn{background:#E8F5E9;color:#2e7d32}[data-theme=dark] .report-points-badge.earn{background:var(--color-green-bg);color:var(--color-green-text)}.report-points-badge.spend{background:#FFEBEE;color:#c62828}[data-theme=dark] .report-points-badge.spend{background:var(--color-red-bg);color:var(--color-red-text)}.report-points-badge div{display:flex;flex-direction:column}.report-points-badge strong{font-size:18px;font-weight:800}.report-points-badge span{font-size:11px}.report-points-balance{display:flex;align-items:center;gap:8px;padding:14px;background:#FFF8E1;border-radius:var(--radius-md);font-size:15px;color:var(--text-secondary)}[data-theme=dark] .report-points-balance{background:var(--color-gold-bg)}.report-points-balance strong{color:#f57f17;font-size:20px}[data-theme=dark] .report-points-balance strong{color:var(--color-gold-text)}.report-section-outdoor{position:relative}.report-outdoor-visual{display:flex;align-items:center;gap:24px;padding:8px 0 20px}.report-outdoor-achievement{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#E0F7FA;border-radius:var(--radius-lg);flex-shrink:0;min-width:156px}[data-theme=dark] .report-outdoor-achievement{background:var(--color-cyan-bg);border:1px solid var(--color-cyan-border)}.report-outdoor-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FFB74D,#FFA726);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #ffa72647;flex-shrink:0}.report-outdoor-data{display:flex;flex-direction:column;gap:2px}.report-outdoor-data strong{font-size:34px;font-weight:800;line-height:1;color:#00838f}[data-theme=dark] .report-outdoor-data strong{color:var(--color-cyan-text)}.report-outdoor-data span{font-size:12px;color:#00695c;font-weight:500}[data-theme=dark] .report-outdoor-data span{color:var(--color-cyan-text)}.report-outdoor-encourage{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.report-outdoor-encourage-title{font-size:16px;font-weight:700;color:var(--text-primary)}.report-outdoor-encourage p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0}.report-outdoor-mission-bar{display:flex;flex-direction:column;gap:8px}.report-outdoor-mission-track{height:10px;background:var(--gray-100);border-radius:5px;overflow:hidden}.report-outdoor-mission-fill{height:100%;background:linear-gradient(90deg,#26C6DA,#4DD0E1);border-radius:5px;transition:width .8s ease}.report-outdoor-mission-target{font-size:11px;color:var(--text-muted);font-weight:500}.report-summary{margin-bottom:20px}.report-summary-card{display:flex;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#FFF5F0,#FFE0B2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .report-summary-card{background:linear-gradient(135deg,var(--color-orange-bg),rgba(255,183,77,.03))}.report-summary-card strong{font-size:15px;font-weight:700;display:block;margin-bottom:4px}.report-summary-card p{font-size:13px;color:var(--text-secondary);line-height:1.7}@media (max-width: 1024px){.report-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.report-stats-grid,.report-detail-grid{grid-template-columns:1fr}.report-outdoor-visual{flex-direction:column;align-items:stretch;gap:16px}.report-outdoor-achievement{justify-content:center;min-width:auto}.report-outdoor-encourage-title,.report-outdoor-encourage p{text-align:center}}.feedback-page{animation:fadeIn .5s ease}.feedback-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.feedback-main{display:flex;flex-direction:column;gap:20px}.feedback-form{padding:28px}.feedback-form h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.category-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--gray-100);border:1px solid transparent;transition:all var(--transition);cursor:pointer}.chip:hover{color:var(--primary);border-color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.feedback-form textarea,.feedback-form input{padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;outline:none;transition:border-color var(--transition);background:var(--bg-white);color:var(--text-primary);resize:vertical}.feedback-form textarea:focus,.feedback-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2ebd851a}.submit-btn{width:100%;margin-top:4px}.spin-icon{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-redirect{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0}.redirect-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feedback-redirect h4{font-size:17px;font-weight:700;margin-bottom:8px}.redirect-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;max-width:360px;margin-bottom:20px}.redirect-contact-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px;margin-bottom:16px}.redirect-contact-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition);gap:12px}.redirect-contact-item:hover{background:var(--primary-bg)}.redirect-contact-left{display:flex;align-items:center;gap:12px}.redirect-contact-left svg{color:var(--text-muted);flex-shrink:0}.redirect-contact-left>div{display:flex;flex-direction:column;text-align:left}.redirect-contact-label{font-size:13px;font-weight:600;color:var(--text-primary)}.redirect-contact-value{font-size:12px;color:var(--text-muted)}.redirect-footer{font-size:13px;color:var(--text-muted);margin-top:4px}.btn-xs{padding:4px 10px;font-size:12px;border-radius:var(--radius-sm);white-space:nowrap}.feedback-success{padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.feedback-success h2{font-size:20px;font-weight:800}.feedback-success p{color:var(--text-secondary);font-size:14px}.feedback-history{padding:24px}.feedback-history h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:16px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:14px 16px;background:var(--gray-50);border-radius:var(--radius-md)}.history-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px;background:var(--primary-bg);color:var(--primary)}.history-badge.bug{background:#FFEBEE;color:#c62828}[data-theme=dark] .history-badge.bug{background:var(--color-red-bg);color:var(--color-red-text)}[data-theme=dark] .support-icon-wrap{background:var(--color-red-bg)}.history-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.history-status.done{color:var(--success)}.history-content{font-size:13px;color:var(--text-primary);line-height:1.6;margin-bottom:6px}.history-time{font-size:11px;color:var(--text-muted)}.feedback-sidebar{display:flex;flex-direction:column;gap:20px}.creator-card{padding:28px 20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;display:flex;flex-direction:column;align-items:center}.creator-icon-wrap{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.creator-card h3{font-size:16px;font-weight:700;margin-bottom:2px}.creator-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:12px}.creator-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px;padding:0 4px}.creator-contact-mini{display:flex;flex-direction:column;gap:8px;width:100%}.contact-mini-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--gray-50);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-size:13px}.contact-mini-item:hover{background:var(--primary-bg)}.contact-mini-item svg:first-child{color:var(--text-muted);flex-shrink:0}.contact-mini-item span{font-weight:600;color:var(--text-primary);font-size:13px}.contact-mini-item small{color:var(--text-muted);font-size:11px;margin-left:auto}.license-card{padding:24px 20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;display:flex;flex-direction:column;align-items:center}.license-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.license-card h4{font-size:15px;font-weight:700;margin-bottom:12px}.license-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:0 4px}.license-card li{font-size:13px;color:var(--text-secondary);padding-left:14px;position:relative}.license-card li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.support-card{padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.support-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:#FFEBEE;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.support-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}@media (max-width: 1024px){.feedback-layout{grid-template-columns:1fr}.feedback-sidebar{order:-1}}@media (max-width: 768px){.feedback-form{padding:20px}.category-chips{gap:6px}.chip{padding:5px 12px;font-size:12px}}.profile-page{animation:fadeIn .5s ease}.profile-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.license-section{padding:24px;margin-bottom:20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.license-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.license-header h3{font-size:18px;font-weight:700;flex:1}.license-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.license-badge.active{background:var(--primary-bg);color:var(--primary)}.license-badge.inactive{background:var(--gray-100);color:var(--text-muted)}.license-info{display:flex;flex-direction:column;gap:14px}.license-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--gray-50);border-radius:var(--radius-md)}.license-row svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.license-row div{display:flex;flex-direction:column;gap:2px}.license-row span{font-size:11px;color:var(--text-muted);font-weight:500}.license-row strong{font-size:14px;font-weight:600;color:var(--text-primary)}.license-row strong.enabled{color:var(--primary)}.license-actions{display:flex;gap:12px;margin-top:4px}.activate-section{padding:0;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.activate-prompt{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.activate-icon{width:72px;height:72px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.activate-prompt p{font-size:15px;font-weight:600;color:var(--text-primary)}.activate-hint{font-size:12px!important;color:var(--text-muted)!important;font-weight:400!important;max-width:280px}.activate-form{padding:8px 0}.license-input-wrap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-white);transition:border-color var(--transition)}.license-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2ebd851a}.license-input-wrap svg{color:var(--text-muted);flex-shrink:0}.license-input-wrap input{border:none;outline:none;flex:1;font-size:16px;font-weight:600;letter-spacing:2px;background:transparent;color:var(--text-primary)}.form-error{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--danger);margin-top:6px}.form-success{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--success);margin-top:6px}.activate-btns{display:flex;gap:12px;margin-top:16px}.profile-card{padding:24px;margin-bottom:20px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;position:relative;text-align:center}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:40px;line-height:1}.profile-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.profile-subtitle{font-size:13px;color:var(--text-muted);margin:0}.profile-inactive-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;background:var(--gray-100);color:var(--text-muted)}.profile-edit-btn{position:absolute;top:0;right:0}.profile-info-display{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;gap:12px;padding:10px 14px;background:var(--gray-50);border-radius:var(--radius-sm)}.info-row span{font-size:12px;color:var(--text-muted);font-weight:500;min-width:36px}.info-row strong{font-size:14px;font-weight:600;color:var(--text-primary)}.profile-empty{text-align:center;padding:20px 0}.profile-empty p{font-size:13px;color:var(--text-muted);margin-bottom:12px}.profile-edit-form{display:flex;flex-direction:column;gap:14px}.profile-edit-form .form-group{display:flex;flex-direction:column;gap:6px}.profile-edit-form .form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.profile-edit-form .form-group input,.profile-edit-form .form-group select,.profile-edit-form .form-group textarea{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition)}.profile-edit-form .form-group input:focus,.profile-edit-form .form-group select:focus,.profile-edit-form .form-group textarea:focus{border-color:var(--primary)}.profile-edit-form .form-group textarea{resize:vertical}.form-row .form-group{flex:1}.profile-data{padding:24px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.profile-data h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:16px}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.data-item{text-align:center;padding:16px 12px;background:var(--gray-50);border-radius:var(--radius-md)}.data-item strong{display:block;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px}[data-theme=dark] .data-item{background:var(--gray-200)}.data-item span{font-size:11px;color:var(--text-muted)}.profile-links{padding:12px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.link-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);cursor:pointer;border:none;background:none;text-align:left}.link-item:hover{background:var(--gray-50);color:var(--primary)}.link-item svg:last-child{margin-left:auto;opacity:.4}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr}.data-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.license-section{padding:20px}.license-actions{flex-direction:column}.license-actions .btn{width:100%}.data-grid{grid-template-columns:repeat(2,1fr)}.form-row,.activate-btns{flex-direction:column}}.magic-tools-page{width:100%;padding:0 0 100px}.tool-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tool-card{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.tool-card:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover)}.tool-card.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #2ebd8540}.tool-card-featured{border-color:#ff6b35;color:#ff6b35;background:rgba(255,107,53,.06)}.tool-card-featured:hover{border-color:#ff6b35;background:rgba(255,107,53,.12);color:#ff6b35}.tool-card-featured.active{border-color:#ff6b35;background:#FF6B35;color:#fff;box-shadow:0 2px 8px #ff6b354d}.tool-card-badge{position:absolute;top:-7px;right:-4px;background:linear-gradient(135deg,#FF6B35,#F7935A);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;box-shadow:0 1px 4px #ff6b354d;z-index:1;pointer-events:none;letter-spacing:.5px}[data-theme=dark] .tool-card{border-color:var(--border-color-dark);background:var(--bg-card-dark);color:var(--text-secondary-dark)}[data-theme=dark] .tool-card:hover{border-color:var(--primary);color:var(--primary);background:rgba(46,189,133,.08)}[data-theme=dark] .tool-card.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #2ebd8533}[data-theme=dark] .tool-card-featured{border-color:#ff6b35;color:#ff6b35;background:rgba(255,107,53,.08)}[data-theme=dark] .tool-card-featured:hover{background:rgba(255,107,53,.15);color:#ff6b35}[data-theme=dark] .tool-card-featured.active{background:#FF6B35;color:#fff}.tool-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 4px}.tool-section-icon{display:flex;align-items:center;color:var(--primary)}.tool-section-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.tool-section-desc{font-size:12px;color:var(--text-muted)}.section-desc{line-height:1.6}.magic-section{display:flex;flex-direction:column;gap:16px}.magic-config-card{padding:20px;display:flex;flex-direction:column;gap:16px}.magic-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-family:inherit;resize:vertical;min-height:52px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.magic-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.magic-select{width:100%;padding:9px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .2s}.magic-select:focus{outline:none;border-color:var(--primary)}.form-row-inline{display:flex;gap:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.form-hint-inline{font-weight:400;font-size:12px;color:var(--text-muted)}.form-group{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 14px;border:1.5px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.magic-preview-card{padding:20px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.preview-header h3{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.canvas-scroll{overflow-x:auto;overflow-y:auto;max-height:560px;border-radius:var(--radius-md);background:#f0ede5;display:flex;justify-content:center;align-items:flex-start;margin-bottom:16px;padding:16px}.canvas-scroll canvas{width:100%;height:100%;object-fit:contain}[data-theme=dark] .canvas-scroll{background:#1a1a1a}.preview-canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:var(--shadow-sm);border-radius:2px}.magic-actions{display:flex;gap:10px;flex-wrap:wrap}.magic-actions .btn{flex:1;min-width:100px;justify-content:center}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty-state p{margin-top:12px;font-size:14px}.flashcard-topbar{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.flashcard-item{display:flex;flex-direction:column;gap:8px}.flashcard-body{aspect-ratio:1;border:1.5px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:8px;transition:box-shadow .2s;cursor:default}.flashcard-body:hover{box-shadow:var(--shadow-md)}.flashcard-pinyin{font-size:13px;color:var(--text-muted);margin-bottom:2px;text-align:center;font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:1px}.flashcard-front{font-weight:700;color:var(--text-primary);text-align:center;line-height:1.3;padding:4px 10px;word-break:break-all;cursor:pointer;max-width:100%;transition:color .15s}.flashcard-front:hover{color:var(--primary)}.flashcard-back{font-size:13px;color:var(--text-muted);text-align:center;margin-top:2px;cursor:pointer;padding:2px 10px;max-width:100%;line-height:1.4;white-space:pre-line;transition:color .15s}.flashcard-back:hover{color:var(--primary)}.flashcard-brand-mark{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:10px;color:#d5d5d5;pointer-events:none}[data-theme=dark] .flashcard-brand-mark{color:#444}.flashcard-actions-row{display:flex;align-items:center;gap:4px}.bg-swatch-row{display:flex;gap:4px;flex:1;overflow-x:auto}.bg-swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.bg-swatch:hover{transform:scale(1.2);border-color:var(--primary)}.bg-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.flashcard-edit-modal{max-width:420px}.edit-badge{display:inline-block;font-size:11px;font-weight:500;background:var(--primary-bg);color:var(--primary);padding:2px 8px;border-radius:20px;margin-left:8px;vertical-align:middle}.edit-input{font-size:18px!important;min-height:100px}.pinyin-preview-box{margin-top:10px;padding:12px 14px;background:var(--primary-alpha);border:1px solid var(--primary-bg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:10px}.pinyin-label{font-size:12px;font-weight:600;color:var(--primary);white-space:nowrap;padding-top:1px}.pinyin-result{font-size:18px;color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:2px;line-height:1.5}.clickable{transition:color .15s,transform .15s}.clickable:hover{color:var(--primary)!important;transform:scale(1.04)}.pinyin-list-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:300px;overflow-y:auto}.pinyin-item-compact{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card)}.pinyin-char{font-size:16px;font-weight:700;color:var(--primary);font-family:PingFang SC,Microsoft YaHei,sans-serif;min-width:32px}.pinyin-example-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary);font-family:inherit;outline:none;padding:2px 4px;min-width:0}.pinyin-example-input:focus{border-bottom:1.5px solid var(--primary)}.poem-list{display:flex;flex-direction:column;gap:4px;max-height:380px;overflow-y:auto}.poem-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.poem-row:hover{background:var(--bg-hover)}.poem-row.learned{background:rgba(102,187,106,.06)}.poem-row.learning{background:rgba(255,167,38,.06)}.poem-num{font-size:12px;color:var(--text-muted);min-width:24px;font-weight:500}.poem-title{font-size:15px;font-weight:600;color:var(--text-primary);flex:1}.poem-author{font-size:12px;color:var(--text-muted)}.poem-status-tag{font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px;min-width:52px;text-align:center}.poem-status-tag.learned{background:rgba(102,187,106,.15);color:#388e3c}.poem-status-tag.learning{background:rgba(255,167,38,.15);color:#e68900}.poem-status-tag.pending{background:rgba(0,0,0,.04);color:#999}.habit-list{display:flex;flex-direction:column;gap:6px}.habit-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card)}.habit-name{font-size:14px;font-weight:600;color:var(--text-primary);min-width:80px}.habit-days{display:flex;gap:6px;flex:1;justify-content:flex-end}.habit-day{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit;color:var(--text-secondary);padding:0}.habit-day:hover{border-color:var(--primary)}.habit-day.done{background:var(--primary);border-color:var(--primary);color:#fff}.reading-list{display:flex;flex-direction:column;gap:4px}.reading-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card)}.reading-num{font-size:12px;color:var(--text-muted);min-width:20px;font-weight:500}.reading-title{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.reading-meta{font-size:12px;color:var(--text-muted);white-space:nowrap}.reading-stars{display:flex;gap:2px;font-size:14px}.reading-comment{font-size:11px;color:var(--text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-form-row{display:flex;gap:8px;align-items:center;padding:8px 0}.inline-form-row .magic-input{flex:1;min-width:0}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .15s}.btn-icon-sm:hover{background:rgba(239,83,80,.08);color:var(--danger)}.btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.star-selector{display:flex;gap:2px}.star-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#e0e0e0;padding:2px;transition:color .15s;line-height:1}.star-btn.active{color:#ffa726}.modal-sm{max-width:380px}.tile-config-card{position:relative}.tile-intro{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#FFF7F0,#FFF0E6);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#e0551f;border:1px solid #FF6B3520}[data-theme=dark] .tile-intro{background:rgba(255,107,53,.08);border-color:#ff6b3526;color:#f7935a}.tile-hint{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.tile-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px;border:2px dashed #FF6B3540;border-radius:var(--radius-lg);background:rgba(255,107,53,.02);cursor:pointer;transition:all .25s}.tile-upload-area:hover{border-color:#ff6b35;background:rgba(255,107,53,.05);box-shadow:0 0 0 4px #ff6b350a}.tile-upload-text{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.tile-upload-sub{font-size:12px;color:var(--text-muted)}.tile-image-list{display:flex;flex-direction:column;gap:8px}.tile-image-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s}.tile-image-item:hover{border-color:var(--primary)}.tile-thumb-wrap{position:relative;width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#f0f0f0}.tile-thumb{width:100%;height:100%;object-fit:cover}.tile-thumb-index{position:absolute;top:2px;left:2px;background:#FF6B35;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tile-meta{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.tile-filename{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.tile-meta-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.tile-meta-actions .btn-icon-sm{color:var(--text-muted)}.tile-meta-actions .btn-icon-sm:hover{color:var(--primary);background:var(--bg-hover)}.tile-meta-actions .btn-icon-sm:disabled{opacity:.25;cursor:not-allowed;background:transparent;color:var(--text-muted)}.tile-remove-btn:hover{color:var(--danger)!important;background:rgba(239,83,80,.08)!important}.tile-generate-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px!important;font-size:15px!important;font-weight:700!important;background:linear-gradient(135deg,#FF6B35,#F7935A)!important;border:none!important}.tile-generate-btn:hover{background:linear-gradient(135deg,#E0551F,#F07B3F)!important}.tile-generate-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#ccc,#bbb)!important}@media (max-width: 768px){.tool-grid{gap:6px}.tool-card{padding:6px 12px;font-size:12px}.preview-canvas{max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.preview-canvas{max-width:700px}}.tool-card-printer-buy{position:relative;background:linear-gradient(135deg,#FFF7ED,#FFF1E6)!important;border:1.5px solid #F59E0B40!important;color:#d97706!important;font-weight:600!important;transition:all .25s!important;overflow:visible}.tool-card-printer-buy:hover{background:linear-gradient(135deg,#FFEDD5,#FFE4CC)!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1f;transform:translateY(-1px)}[data-theme=dark] .tool-card-printer-buy{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.06))!important;border-color:#f59e0b40!important;color:#fbbf24!important}[data-theme=dark] .tool-card-printer-buy:hover{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(245,158,11,.1))!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b2e}.badge-new{position:absolute;top:-8px;right:-6px;background:linear-gradient(135deg,#F59E0B,#F97316);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;letter-spacing:.5px;line-height:1.4}.printer-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:printerOverlayIn .25s ease;display:flex;justify-content:flex-end}.printer-drawer-overlay.printer-drawer-closing{animation:printerOverlayOut .28s ease forwards}@keyframes printerOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes printerOverlayOut{0%{opacity:1}to{opacity:0}}.printer-drawer-panel{width:420px;max-width:92vw;height:100%;background:var(--bg-card);display:flex;flex-direction:column;box-shadow:-8px 0 40px #00000026;animation:printerPanelIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.printer-drawer-panel.printer-drawer-panel-closing{animation:printerPanelOut .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes printerPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes printerPanelOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.printer-drawer-head{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#FFF7ED20,#FFFFFF)}[data-theme=dark] .printer-drawer-head{background:linear-gradient(135deg,rgba(245,158,11,.06),var(--bg-card))}.printer-drawer-head-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#F59E0B,#F97316);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #f59e0b4d}.printer-drawer-head-text{flex:1;min-width:0}.printer-drawer-head-text h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.printer-drawer-head-text p{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.printer-drawer-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);background:transparent;transition:all .2s}.printer-drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.printer-drawer-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.printer-drawer-body::-webkit-scrollbar{width:4px}.printer-drawer-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.printer-status-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#FFF7ED,#FFFBEB);border:1px solid #FDE68A;border-radius:var(--radius-md)}[data-theme=dark] .printer-status-card{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(251,191,36,.04));border-color:#f59e0b33}.printer-status-dot{width:10px;height:10px;border-radius:50%;background:#F59E0B;margin-top:4px;flex-shrink:0;animation:printerDotPulse 2s ease infinite}@keyframes printerDotPulse{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 6px #f59e0b00}}.printer-status-title{font-size:14px;font-weight:700;color:#b45309;margin-bottom:4px}[data-theme=dark] .printer-status-title{color:#fbbf24}.printer-status-desc{font-size:13px;color:#92400e;line-height:1.6}[data-theme=dark] .printer-status-desc{color:#fde68acc}.printer-benefits-card{padding:18px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.printer-benefits-card h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary)}.printer-benefits-card h3 svg{color:#f59e0b}.printer-benefits-list{display:flex;flex-direction:column;gap:12px}.printer-benefit-item{display:flex;gap:12px;align-items:flex-start}.printer-benefit-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#FFF7ED,#FFEDD5);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}[data-theme=dark] .printer-benefit-icon{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.06))}.printer-benefit-text{display:flex;flex-direction:column;gap:2px;padding-top:2px}.printer-benefit-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.printer-benefit-text span{font-size:12.5px;color:var(--text-secondary);line-height:1.6}.printer-creator-card{display:flex;gap:14px;padding:18px;background:linear-gradient(135deg,#F8FAFC,#F1F5F9);border:1px solid #E2E8F0;border-radius:var(--radius-lg)}[data-theme=dark] .printer-creator-card{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-color:#ffffff14}.printer-creator-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366F1,#8B5CF6);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 12px #6366f140}.printer-creator-info{flex:1;min-width:0}.printer-creator-name{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:4px}.printer-creator-role{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;background:rgba(99,102,241,.1);color:#6366f1}[data-theme=dark] .printer-creator-role{background:rgba(129,140,248,.15);color:#a5b4fc}.printer-creator-bio{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.printer-creator-contact{margin-bottom:10px}.printer-contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary);flex-wrap:wrap}.printer-contact-item svg{color:#10b981;flex-shrink:0}.btn-outline-copy{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-primary)!important;padding:4px 10px!important;font-size:12px!important;border-radius:var(--radius-sm)!important;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.btn-outline-copy:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-bg)!important}.btn-success-copy{border:1px solid #10B981!important;background:rgba(16,185,129,.08)!important;color:#10b981!important;padding:4px 10px!important;font-size:12px!important;border-radius:var(--radius-sm)!important;cursor:default;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.printer-contact-hint{font-size:12px;color:var(--text-muted);line-height:1.5;padding-top:4px;border-top:1px dashed var(--border-color)}.printer-drawer-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.printer-foot-hint{font-size:12px;color:var(--text-muted)}@media (max-width: 600px){.printer-drawer-panel{width:100%;max-width:100%}.printer-drawer-body{padding:16px 14px;gap:12px}.printer-drawer-head{padding:16px 14px 14px}.printer-drawer-head-text h2{font-size:18px}.printer-creator-card{flex-direction:column;align-items:center;text-align:center}.printer-creator-name,.printer-contact-item{justify-content:center}}@media (max-width: 600px){.magic-tools-page{padding:0 10px 100px}.tool-grid{gap:5px}.tool-card{padding:5px 10px;font-size:11px}.form-row-inline{flex-direction:column;gap:12px}.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.magic-actions{flex-direction:column}.magic-actions .btn{width:100%}.magic-config-card{padding:16px}.pinyin-list-compact{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.habit-row{flex-wrap:wrap}.habit-days{gap:4px}.habit-day{width:28px;height:28px;font-size:11px}.reading-row{flex-wrap:wrap}}.growth-archive-page{max-width:1280px;margin:0 auto;padding:0 20px 100px}.growth-archive-page .page-header-right{display:flex;align-items:center;gap:10px}.growth-archive-page .page-header{padding:20px 0 12px}.child-selector{margin-bottom:16px}.child-tabs{display:flex;gap:8px;flex-wrap:wrap}.child-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:24px;border:none;background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);font-family:inherit}.child-tab:hover{color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.child-tab.active{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#fff;box-shadow:0 2px 12px #f59e0b59}.child-avatar{font-size:16px;line-height:1}.child-add-btn{background:var(--bg-hover);color:var(--text-muted)}.child-add-btn:hover{color:#f59e0b;background:rgba(245,158,11,.08)}.add-child-panel{margin-top:12px;background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.gender-toggle{display:flex;border-radius:var(--radius-sm);overflow:hidden}.gender-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.gender-btn:first-child{background:rgba(66,165,245,.06)}.gender-btn:last-child{background:rgba(236,72,153,.06)}.gender-btn.active{background:#42A5F5;color:#fff}.gender-btn:last-child.active{background:#EC4899;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.stats-bar{display:flex;align-items:center;gap:0;background:var(--bg-card);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:11px;color:var(--text-muted)}.milestone-color{color:#f59e0b}.stat-divider{width:1px;height:32px;background:var(--bg-hover);border-radius:1px}.search-filter-bar{display:flex;gap:8px;margin-bottom:12px}.search-box-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 36px;border-radius:var(--radius-md);border:none;background:var(--bg-card);color:var(--text-primary);font-size:14px;outline:none;transition:all .2s;box-sizing:border-box;box-shadow:var(--shadow-sm);font-family:inherit}.search-input:focus{box-shadow:0 0 0 3px #f59e0b26,var(--shadow-md)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:8px;background:var(--bg-hover);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);padding:0}.filter-btn{flex-shrink:0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-btn.active{background:rgba(245,158,11,.12);color:#f59e0b}.view-toggle-group{display:flex;background:var(--bg-card);border-radius:var(--radius-sm);padding:3px;box-shadow:var(--shadow-sm);flex-shrink:0}.view-toggle-btn{width:34px;height:30px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s;padding:0}.view-toggle-btn.active{background:var(--bg-hover);color:#f59e0b}.category-chips{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;border:none;background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);font-family:inherit}.chip:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);color:var(--primary)}.chip.active{background:var(--chip-color, #F59E0B);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.archive-content{min-height:200px}.timeline-month{margin-bottom:24px}.timeline-month-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-left:2px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#F59E0B;box-shadow:0 0 0 4px #f59e0b1f}.timeline-month-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.timeline-count{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--bg-hover);color:var(--text-muted)}.timeline-records{position:relative;padding-left:24px}.timeline-records:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:var(--bg-hover);border-radius:1px}.record-card{position:relative;margin-bottom:12px}.card-timeline-line{position:absolute;left:-22px;top:22px;width:8px;height:8px;border-radius:50%;background:#FDE68A;box-shadow:0 0 0 3px #f59e0b26;z-index:1}.card-body{background:var(--bg-card);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card-body:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-category{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.milestone-pin{color:#f59e0b;fill:#f59e0b}.private-badge{font-size:11px}.card-date{font-size:12px;color:var(--text-muted)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.card-desc{font-size:13px;color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.card-photos{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.card-photo{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;position:relative;background:var(--bg-hover);transition:transform .2s}.card-photo:hover{transform:scale(1.05)}.card-photo img{width:100%;height:100%;object-fit:cover}.card-photo .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.card-tags .tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg-hover);color:var(--text-muted)}.card-actions{display:flex;gap:4px;padding-top:8px}.record-list-item{position:relative;display:flex;gap:14px;padding:14px 16px;margin-bottom:8px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;align-items:flex-start}.record-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.list-timeline-dot{width:8px;height:8px;border-radius:50%;background:#FDE68A;box-shadow:0 0 0 3px #f59e0b26;margin-top:6px;flex-shrink:0}.list-content{flex:1;min-width:0}.list-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.list-category{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;flex-shrink:0}.list-date{font-size:12px;color:var(--text-muted)}.list-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.list-desc{font-size:12px;color:var(--text-secondary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-tags{display:flex;gap:4px;flex-wrap:wrap}.list-tag{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--bg-hover);color:var(--text-muted)}.list-photo-count{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);margin-left:auto}.list-actions{display:flex;gap:4px;margin-top:6px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:16px}.empty-state h3{font-size:18px;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.fab{position:fixed;bottom:80px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#fff;border:none;box-shadow:0 4px 16px #f59e0b66;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:50}.fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #f59e0b80}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:modalFadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);width:92%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #00000026;animation:modalSlideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.modal-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;color:var(--text-primary)}.modal-body{padding:16px 20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;position:sticky;bottom:0;background:var(--bg-card);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.confirm-icon{text-align:center;margin-bottom:12px}.confirm-modal h3{text-align:center;margin:0 0 8px;color:var(--text-primary)}.confirm-modal p{text-align:center;color:var(--text-muted);font-size:14px;margin:0 0 16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group label svg{vertical-align:-3px}.required{color:#ef5350}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:none;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:all .2s;box-sizing:border-box;font-family:inherit;box-shadow:var(--shadow-sm)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{box-shadow:0 0 0 3px #f59e0b26,var(--shadow-md)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:70px}.form-row{display:flex;gap:12px}.flex-1{flex:1}.form-hint{font-size:11px;color:var(--text-muted);margin-top:6px;line-height:1.4}.form-options{display:flex;flex-direction:column;gap:8px;margin-top:4px}.option-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-hover);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .2s}.option-item:hover{background:var(--bg-primary)}.option-item input[type=checkbox]{accent-color:#F59E0B;width:16px;height:16px;cursor:pointer}.photo-upload-area{display:flex;gap:8px;flex-wrap:wrap}.photo-thumb{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0;box-shadow:var(--shadow-sm)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb .photo-name-tooltip{display:none}.photo-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.photo-remove:hover{background:rgba(239,68,68,.8)}.photo-add-btn{width:72px;height:72px;border-radius:var(--radius-sm);background:var(--bg-primary);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:11px;transition:all .2s;box-shadow:var(--shadow-sm)}.photo-add-btn:hover{color:#f59e0b;background:rgba(245,158,11,.06);box-shadow:var(--shadow-md)}.photo-add-btn:disabled{opacity:.6;cursor:not-allowed}.uploading-indicator{display:flex;flex-direction:column;align-items:center;gap:2px}.upload-progress-text{font-size:11px;font-weight:600;color:#f59e0b}.spin{animation:spin .8s linear infinite}.settings-modal{max-width:520px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section h4{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.settings-desc{font-size:12px;color:var(--text-muted);margin:0 0 10px;line-height:1.5}.settings-section-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.settings-section-title-row h4{margin:0}.settings-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:statusPulse 2s ease infinite}.settings-status-dot.on{background:#2EBD85;box-shadow:0 0 6px #2ebd8580}.settings-status-dot.off{background:var(--text-muted);box-shadow:none;animation:none}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.settings-photo-card{border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.settings-photo-card.unconfigured{background:linear-gradient(135deg,rgba(66,165,245,.06),rgba(66,165,245,.02));align-items:center;text-align:center;padding:24px 20px}.settings-photo-card-icon{width:52px;height:52px;border-radius:14px;background:rgba(66,165,245,.1);display:flex;align-items:center;justify-content:center;color:#42a5f5}.settings-photo-card-body strong{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.settings-photo-card-body p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.settings-photo-card.configured{background:linear-gradient(135deg,rgba(46,189,133,.05),rgba(46,189,133,.02))}.settings-path-breadcrumb{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.settings-path-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.settings-path-icon-root{color:var(--text-secondary);flex-shrink:0}.settings-path-label{font-size:13px;color:var(--text-secondary);font-weight:500}.settings-path-arrow{color:var(--text-muted);flex-shrink:0}.settings-path-icon-folder{color:#5b9bd5;flex-shrink:0}.settings-path-folder-name{font-size:14px;font-weight:700;color:var(--primary-dark);font-family:SF Mono,JetBrains Mono,Consolas,monospace}.settings-path-tip{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);padding-left:2px}.settings-path-tip svg{flex-shrink:0;color:var(--text-muted)}.settings-dir-tree{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.settings-dir-tree-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.settings-dir-tree-content{padding:10px 0 6px}.settings-tree-node{position:relative}.settings-tree-node.root{padding-bottom:4px}.settings-tree-node.child,.settings-tree-node.file{margin-left:0}.settings-tree-connector{position:absolute;left:18px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center}.settings-tree-vline{width:2px;flex:1;background:var(--border-color);border-radius:1px}.settings-tree-vline.dashed{background:repeating-linear-gradient(to bottom,var(--border-color) 0px,var(--border-color) 3px,transparent 3px,transparent 6px)}.settings-tree-branch{width:14px;height:2px;background:var(--border-color);border-radius:1px;flex-shrink:0;margin-top:10px}.settings-tree-line{display:flex;align-items:center;gap:7px;padding:5px 14px;position:relative;z-index:1;transition:background .15s}.settings-tree-node.root>.settings-tree-line{padding-left:10px}.settings-tree-node.child>.settings-tree-connector{left:16px}.settings-tree-node.child>.settings-tree-line{padding-left:34px}.settings-tree-node.file>.settings-tree-connector{left:14px}.settings-tree-node.file>.settings-tree-line{padding-left:48px}.settings-tree-line:hover{background:var(--bg-hover)}.settings-tree-line.file{padding-top:2px;padding-bottom:2px}.settings-tree-name{font-size:13px;color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tree-name.file-name{font-size:11px;font-weight:400;color:var(--text-secondary);font-family:SF Mono,JetBrains Mono,Consolas,monospace}.settings-tree-badge{font-size:11px;font-weight:500;color:var(--primary-dark);background:var(--primary-bg);padding:2px 8px;border-radius:10px;flex-shrink:0}.settings-tree-badge.root-badge{color:#5b9bd5;background:rgba(91,155,213,.1)}.settings-tree-line.empty-hint{padding-left:34px;font-size:11px;color:var(--text-muted);font-style:italic}.settings-photo-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.settings-photo-meta-stats{font-size:12px;color:var(--text-muted)}.settings-photo-meta-actions{display:flex;gap:8px}.settings-meta-sep{margin:0 6px;opacity:.5}.settings-naming-hint{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--bg-primary);font-size:11px;color:var(--text-muted)}.settings-naming-hint svg{flex-shrink:0;color:var(--text-muted)}.settings-naming-hint code{font-family:SF Mono,JetBrains Mono,Consolas,monospace;font-size:10px;font-weight:500;color:var(--text-primary);background:var(--bg-hover);padding:1px 5px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-divider{height:1px;background:var(--border-color);margin:16px 0}.settings-advanced-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:8px 0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:color .2s}.settings-advanced-toggle:hover{color:var(--text-secondary)}.settings-advanced-toggle svg:first-child{color:var(--text-muted)}.settings-advanced-panel{padding:12px 0 0;display:flex;flex-direction:column;gap:8px;animation:advancedSlideIn .2s ease}.text-success{color:#66bb6a;font-weight:500}.text-danger{color:#ef5350;font-weight:500}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-actions .btn{flex:1;min-width:120px;justify-content:center}.export-modal{max-width:440px}.export-options{display:flex;flex-direction:column;gap:10px}.export-option{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-hover);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left;border:none;width:100%;font-family:inherit;color:var(--text-primary)}.export-option:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.export-option-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-option-info h4{font-size:14px;font-weight:600;margin:0 0 2px;color:var(--text-primary)}.export-option-info p{font-size:12px;color:var(--text-muted);margin:0}.export-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;box-shadow:var(--shadow-lg);z-index:200;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit;line-height:1.4}.btn-primary{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-primary:hover{box-shadow:0 4px 14px #f59e0b66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-danger{background:#EF5350;color:#fff}.btn-danger:hover{background:#E53935}.btn-danger-text{color:#ef5350}.btn-danger-text:hover{background:rgba(239,83,80,.08)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end;animation:drawerOverlayIn .25s ease}.drawer-overlay.closing{animation:drawerOverlayOut .2s ease forwards}.drawer-panel{width:100%;max-width:440px;height:100%;background:var(--bg-card);box-shadow:-8px 0 32px #0000001f,-2px 0 8px #0000000f;display:flex;flex-direction:column;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1)}.drawer-panel.closing{animation:drawerSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;flex-shrink:0;position:relative}.drawer-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#F59E0B,#FBBF24,transparent);border-radius:1px}.drawer-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.drawer-header .drawer-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.06));display:flex;align-items:center;justify-content:center;color:#f59e0b}.drawer-body{flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}.drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;flex-shrink:0;background:var(--bg-card)}.drawer-footer .btn-primary{min-width:100px;height:40px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.drawer-footer .btn-ghost{min-width:80px;height:40px;border-radius:var(--radius-sm);font-size:14px}.drawer-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:6px 0 10px;padding-bottom:6px}@media (max-width: 767px){.drawer-overlay{align-items:flex-end}.drawer-panel{width:100%;max-width:100%;height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:drawerSlideUp .3s cubic-bezier(.16,1,.3,1)}.drawer-panel.closing{animation:drawerSlideDown .2s cubic-bezier(.16,1,.3,1) forwards}}@media (max-width: 767px){.growth-archive-page{padding:0 12px 90px}.modal-content{border-radius:var(--radius-xl);max-height:90vh}.fab{bottom:72px;right:16px}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes drawerOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawerSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease}.animate-slide-up{animation:slideUp .35s ease both}.date-picker-wrapper{position:relative;display:inline-block;min-width:0}.date-picker-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;height:40px;padding:0 12px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.date-picker-trigger:hover{border-color:var(--primary)}.date-picker-trigger.has-value{color:var(--text-primary);border-color:var(--border-color)}.date-picker-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.dp-trigger-icon{flex-shrink:0;opacity:.5}.date-picker-trigger.has-value .dp-trigger-icon{opacity:1;color:var(--primary)}.dp-arrow{margin-left:auto;flex-shrink:0;opacity:.4;transition:transform .2s}.dp-arrow.open{transform:rotate(180deg)}.date-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:272px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px;animation:slideUp .18s ease-out}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.dp-nav-btn:hover:not(:disabled){background:var(--primary-bg);color:var(--primary)}.dp-nav-btn:disabled{opacity:.25;cursor:not-allowed}.dp-header-title{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.dp-header-title:hover{background:var(--primary-bg)}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:4px}.dp-weekday{font-size:12px;color:var(--text-muted);padding:4px 0}.dp-weekday:first-child,.dp-weekday:last-child{color:var(--warning)}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .12s;font-family:inherit;position:relative}.dp-day:hover:not(.empty){background:var(--primary-bg)}.dp-day.empty{cursor:default}.dp-day.today{color:var(--primary);font-weight:700}.dp-day.today:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary)}.dp-day.selected{background:var(--primary)!important;color:#fff!important;font-weight:600}.dp-day.selected:after{display:none}.dp-day.selected.today{color:#fff!important}.dp-footer{display:flex;justify-content:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.dp-footer-btn{padding:5px 16px;border:none;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary);font-size:13px;cursor:pointer;transition:background .15s;font-family:inherit}.dp-footer-btn:hover{background:var(--primary-alpha)}.dp-year-picker{min-width:220px}.dp-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:200px;overflow-y:auto;padding:2px 0}.dp-year-btn{padding:8px 4px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .12s;text-align:center;font-family:inherit}.dp-year-btn:hover{background:var(--primary-bg);color:var(--primary)}.dp-year-btn.active{background:var(--primary)!important;color:#fff!important;font-weight:600}.dp-year-btn.today{font-weight:600;color:var(--primary)}[data-theme=dark] .date-picker-dropdown{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .dp-day.today:after{background:var(--primary)}.export-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1100;display:flex;justify-content:flex-end;animation:exportOverlayIn .25s ease}.export-drawer-overlay.closing{animation:exportOverlayOut .2s ease forwards}@keyframes exportOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes exportOverlayOut{0%{opacity:1}to{opacity:0}}.export-drawer-panel{width:100%;max-width:460px;height:100%;background:var(--bg-card);display:flex;flex-direction:column;animation:exportSlideIn .32s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.export-drawer-panel.closing{animation:exportSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes exportSlideIn{0%{transform:translate(30%);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes exportSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}.export-drawer-head{display:flex;align-items:center;gap:14px;padding:22px 24px 18px;flex-shrink:0;position:relative;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,rgba(245,158,11,.04) 0%,transparent 100%)}.export-drawer-head-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.08));display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.export-drawer-head-text{flex:1;min-width:0}.export-drawer-head-text h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3}.export-drawer-head-text p{margin:2px 0 0;font-size:13px;color:var(--text-muted);line-height:1.4}.export-drawer-close{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.export-drawer-close:hover{background:rgba(0,0,0,.06);color:var(--text-primary)}.export-tabs{display:flex;gap:0;padding:0 24px;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0}.export-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;position:relative;transition:all .2s}.export-tab:hover{color:var(--text-primary)}.export-tab.active{color:#f59e0b;font-weight:600}.export-tab.active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2.5px;background:linear-gradient(90deg,#F59E0B,#FBBF24);border-radius:2px}.export-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.export-drawer-body::-webkit-scrollbar{width:4px}.export-drawer-body::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}.export-overview-card{background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(251,191,36,.03));border-radius:var(--radius-lg);padding:16px 18px}.export-overview-row{display:flex;align-items:center;justify-content:space-around}.export-overview-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px}.export-overview-value{font-size:20px;font-weight:700;color:#d97706;line-height:1.2}.export-overview-label{font-size:11px;color:var(--text-muted);font-weight:500}.export-overview-divider{width:1px;height:32px;background:rgba(245,158,11,.15);border-radius:1px}.export-section{display:flex;flex-direction:column;gap:12px}.export-section-head{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--text-primary)}.export-section-head svg{color:#f59e0b}.export-section-hint{margin-left:auto;font-size:11px;font-weight:400;color:var(--text-muted)}.export-date-range{display:flex;align-items:flex-end;gap:12px}.export-date-input-wrap{flex:1;min-width:0}.export-date-input-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.export-date-range-arrow{display:flex;align-items:center;gap:6px;padding-bottom:10px;color:var(--text-muted);flex-shrink:0}.export-date-range-dash{width:8px;height:1.5px;background:var(--text-muted);border-radius:1px}.export-quick-selects{display:flex;gap:8px}.export-quick-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:20px;background:var(--bg-hover);color:var(--text-secondary);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.export-quick-btn:hover{background:rgba(245,158,11,.08);color:#d97706}.export-quick-btn.active{background:rgba(245,158,11,.14);color:#d97706;font-weight:600}.export-quick-btn svg{flex-shrink:0}.export-selection-card{border-radius:var(--radius-md);overflow:hidden}.export-selection-card.invalid{background:rgba(239,83,80,.06)}.export-selection-info{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(46,189,133,.06);border-radius:var(--radius-md)}.export-selection-card.invalid .export-selection-info{background:rgba(239,83,80,.06)}.export-selection-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-selection-icon.success{background:rgba(46,189,133,.15);color:#2ebd85}.export-selection-icon.danger{background:rgba(239,83,80,.15);color:#ef5350}.export-selection-icon.muted{background:var(--bg-hover);color:var(--text-muted)}.export-selection-text{flex:1;min-width:0}.export-selection-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.export-selection-text p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.export-selection-text em{font-style:normal;font-weight:700;color:var(--text-primary)}.export-range-display{color:var(--text-primary);font-weight:500}.export-range-divider{margin:0 6px;color:var(--text-muted)}.export-batches-list{display:flex;flex-direction:column;gap:6px}.export-batch-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:none;border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-family:inherit;transition:all .2s;text-align:left}.export-batch-card:hover{background:rgba(245,158,11,.06);transform:translate(2px)}.export-batch-card.active{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.06));box-shadow:0 0 0 1.5px #f59e0b4d}.export-batch-card-left{display:flex;flex-direction:column;gap:2px}.export-batch-card-index{font-size:13px;font-weight:600;color:var(--text-primary)}.export-batch-card-dates{font-size:12px;color:var(--text-secondary)}.export-batch-card-right{display:flex;align-items:center;gap:6px}.export-batch-card-count{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:10px}.export-batch-card.active .export-batch-card-count{background:rgba(245,158,11,.15);color:#d97706}.export-batch-card.active .export-batch-card-right svg{color:#f59e0b}.export-tip{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(245,158,11,.06);font-size:12px;color:var(--text-secondary);line-height:1.5}.export-tip svg{color:#f59e0b;flex-shrink:0}.export-tip strong{color:#d97706;font-weight:600}.export-status-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;animation:exportStatusIn .25s ease}.export-status-bar.success{background:rgba(46,189,133,.08);color:#1f9e6a}.export-status-bar.error{background:rgba(239,83,80,.08);color:#ef5350}@keyframes exportStatusIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-drawer-foot{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-card)}.export-foot-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.export-foot-btn:disabled{opacity:.45;cursor:not-allowed}.export-foot-btn.secondary{background:var(--bg-hover);color:var(--text-secondary)}.export-foot-btn.secondary:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.export-foot-btn.primary{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#fff;min-width:160px;box-shadow:0 2px 12px #f59e0b40}.export-foot-btn.primary:hover:not(:disabled){box-shadow:0 4px 18px #f59e0b59;transform:translateY(-1px)}.export-foot-btn.primary:active:not(:disabled){transform:translateY(0)}.export-foot-count{font-size:12px;opacity:.85}.export-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:exportSpin .7s linear infinite}@keyframes exportSpin{to{transform:rotate(360deg)}}.album-customize-section{display:flex;flex-direction:column;gap:14px}.print-intro-card{display:flex;gap:14px;padding:16px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(171,71,188,.06),rgba(206,147,216,.03));border:1px solid rgba(171,71,188,.1)}.print-intro-icon{width:44px;height:44px;border-radius:12px;background:rgba(171,71,188,.12);display:flex;align-items:center;justify-content:center;color:#ab47bc;flex-shrink:0}.print-intro-body{flex:1;min-width:0}.print-intro-body h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.3}.print-intro-body p{margin:0;font-size:12.5px;color:var(--text-secondary);line-height:1.55}.print-creator-card{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden}.print-creator-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(171,71,188,.05),transparent)}.print-creator-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#AB47BC,#CE93D8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.print-creator-identity{display:flex;flex-direction:column;gap:2px}.print-creator-identity strong{font-size:15px;font-weight:700;color:var(--text-primary)}.print-creator-identity span{font-size:12px;color:var(--text-secondary)}.print-creator-bio{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font-size:12px;color:var(--text-secondary);line-height:1.5;border-top:1px solid var(--border-color)}.print-creator-bio svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.print-creator-contacts{display:flex;border-top:1px solid var(--border-color)}.print-contact-item{flex:1;display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;transition:background .2s;color:var(--text-secondary)}.print-contact-item:first-child{border-right:1px solid var(--border-color)}.print-contact-item:hover{background:var(--bg-hover)}.print-contact-item.copied{background:rgba(46,189,133,.06)}.print-contact-item svg:first-child{flex-shrink:0;color:#ab47bc}.print-contact-item>div{display:flex;flex-direction:column;gap:1px;min-width:0}.print-contact-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.print-contact-value{font-size:13px;font-weight:600;color:var(--text-primary)}.print-contact-copy{flex-shrink:0;color:var(--text-muted);opacity:0;transition:opacity .2s}.print-contact-item:hover .print-contact-copy{opacity:1}.print-contact-copy.success{opacity:1;color:#2ebd85}.export-foot-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:10px 0;margin-right:auto}.export-foot-hint svg{color:#ab47bc;flex-shrink:0}.album-field{display:flex;flex-direction:column;gap:6px}.album-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.album-field label svg{color:#ab47bc}.album-input{width:100%;padding:10px 14px;border:none;border-radius:var(--radius-sm);background:var(--bg-primary);font-size:14px;font-family:inherit;color:var(--text-primary);outline:none;transition:background .2s,box-shadow .2s}.album-input:focus{background:var(--bg-card);box-shadow:0 0 0 2px #ab47bc26}.album-input::placeholder{color:var(--text-muted)}.album-toggle-label{display:flex!important;align-items:center;gap:7px;cursor:pointer;font-size:13px!important;font-weight:500!important;color:var(--text-secondary)}.album-toggle-label input[type=checkbox]{accent-color:#AB47BC;width:16px;height:16px}.album-creator-editor{padding:14px;border-radius:var(--radius-md);background:var(--bg-primary);display:flex;flex-direction:column;gap:10px;margin-top:4px;animation:advancedSlideIn .2s ease}@keyframes advancedSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.album-creator-hint{font-size:11px;color:var(--text-muted);margin:0;line-height:1.4}.album-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.album-creator-field{display:flex;flex-direction:column;gap:4px}.album-creator-field.full{grid-column:1 / -1}.album-creator-field label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.album-creator-field .album-input{padding:8px 12px;font-size:13px}.album-hero-card{display:flex;gap:16px;padding:20px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(171,71,188,.07),rgba(206,147,216,.03));border:1px solid rgba(171,71,188,.12)}.album-hero-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(171,71,188,.15),rgba(206,147,216,.08));display:flex;align-items:center;justify-content:center;color:#ab47bc;flex-shrink:0}.album-hero-body{flex:1;min-width:0}.album-hero-body h3{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.35;letter-spacing:-.2px}.album-hero-body p{margin:0 0 6px;font-size:13.5px;color:var(--text-secondary);line-height:1.7}.album-hero-body p strong{color:#7b1fa2;font-weight:700}[data-theme=dark] .album-hero-body p strong{color:#ce93d8}.album-hero-emphasis{margin-top:10px!important;padding-top:10px;border-top:1px dashed rgba(171,71,188,.15);font-size:14px!important;color:#7b1fa2!important}[data-theme=dark] .album-hero-emphasis{color:#ce93d8!important}.album-quality-card{padding:18px;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-color)}.album-quality-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.album-quality-head svg{color:#ab47bc;flex-shrink:0}.album-quality-head h4{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.album-quality-grid{display:flex;flex-direction:column;gap:10px}.album-quality-item{display:flex;gap:12px;align-items:flex-start}.album-q-icon{width:34px;height:34px;border-radius:10px;background:rgba(171,71,188,.08);display:flex;align-items:center;justify-content:center;color:#ab47bc;flex-shrink:0}.album-quality-item div:last-child{display:flex;flex-direction:column;gap:2px;padding-top:2px}.album-quality-item strong{font-size:13.5px;font-weight:600;color:var(--text-primary)}.album-quality-item span{font-size:12px;color:var(--text-secondary);line-height:1.5}.album-process-card{padding:18px;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-color)}.album-process-card h4{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text-primary)}.album-process-steps{display:flex;flex-direction:column;gap:10px}.album-process-step{display:flex;gap:12px;align-items:flex-start}.album-step-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#AB47BC,#CE93D8);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.album-step-text{display:flex;flex-direction:column;gap:2px;padding-top:3px}.album-step-text strong{font-size:13.5px;font-weight:600;color:var(--text-primary)}.album-step-text span{font-size:12px;color:var(--text-secondary);line-height:1.5}.album-creator-note{display:flex;gap:12px;padding:18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(171,71,188,.04),rgba(255,255,255,.02));border:1px solid rgba(171,71,188,.1)}.album-note-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#AB47BC,#CE93D8);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.album-note-text{flex:1;min-width:0}.album-note-text h4{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text-primary)}.album-note-text p{margin:0 0 10px;font-size:13px;color:var(--text-secondary);line-height:1.75}.album-note-text p:last-child{margin-bottom:0}.album-note-text p strong{color:#7b1fa2;font-weight:700}[data-theme=dark] .album-note-text p strong{color:#ce93d8}.album-note-thanks{margin-top:2px!important;padding-top:10px;border-top:1px dashed rgba(171,71,188,.12);font-size:13.5px!important;color:#7b1fa2!important;line-height:1.7!important}[data-theme=dark] .album-note-thanks{color:#ce93d8!important}@media (max-width: 767px){.export-drawer-overlay{align-items:flex-end}.export-drawer-panel{max-width:100%;height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:exportSlideUp .3s cubic-bezier(.16,1,.3,1)}.export-drawer-panel.closing{animation:exportSlideDown .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes exportSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes exportSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.export-drawer-head{padding:18px 20px 16px}.export-drawer-body{padding:16px 20px;gap:14px}.export-drawer-foot{padding:14px 20px}.export-foot-btn.primary{min-width:140px}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:20px}.not-found-content{text-align:center;max-width:480px}.not-found-emoji{font-size:80px;display:block;margin-bottom:16px;animation:bounceIn .8s ease}.not-found-content h1{font-size:72px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:8px;letter-spacing:-2px}.not-found-content h2{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.not-found-content p{font-size:15px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.not-found-content h1{font-size:56px}.not-found-emoji{font-size:60px}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:280px}}.install-prompt{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1000;max-width:420px;width:calc(100% - 32px);background:var(--bg-white);border-radius:16px;box-shadow:0 8px 40px #00000026,0 2px 8px #00000014;animation:promptSlideUp .4s cubic-bezier(.16,1,.3,1)}.install-prompt-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.prompt-icon{flex-shrink:0;color:var(--primary, #FF6B35);stroke-width:2}.prompt-text{flex:1;display:flex;flex-direction:column;gap:2px}.prompt-text strong{font-size:15px;font-weight:600;color:var(--text-primary, #1a1a2e)}.prompt-text span{font-size:13px;color:var(--text-secondary, #666)}.prompt-actions{flex-shrink:0}.prompt-dismiss{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:50%;padding:0}.prompt-dismiss:hover{background:var(--gray-100);color:var(--text-secondary)}.update-prompt .prompt-icon{color:#2196f3}@keyframes promptSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ios-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .2s ease}.ios-guide-modal{background:var(--bg-white);border-radius:20px 20px 0 0;padding:32px 24px 24px;width:100%;max-width:420px;text-align:center;position:relative;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.ios-guide-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;color:var(--text-secondary)}.ios-guide-close:hover{background:var(--gray-200)}.ios-guide-icon{color:var(--primary, #FF6B35);margin-bottom:12px}.ios-guide-modal h3{font-size:18px;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 4px}.ios-guide-modal>p{font-size:14px;color:var(--text-secondary, #666);margin:0 0 20px}.ios-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;text-align:left}.ios-step{display:flex;gap:14px;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:50%;background:#FFF0E8;color:var(--primary, #FF6B35);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:2px}.step-content strong{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e)}.step-content span{font-size:13px;color:var(--text-secondary, #666)}.step-content svg{vertical-align:middle;margin:0 2px}.ios-guide-modal .btn{width:100%}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 768px){.install-prompt{bottom:24px;right:24px;left:auto;transform:none}@keyframes promptSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#FFF3E0;color:#e65100;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;border-bottom:1px solid #FFE0B2;animation:slideDown .3s ease}[data-theme=dark] .offline-banner{background:var(--card-orange-bg);color:#ffb74d;border-bottom-color:var(--card-orange-border)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2EBD85;--primary-light: #4ED9A3;--primary-dark: #1F9E6A;--primary-bg: #E8F8F1;--secondary: #5BC0BE;--success: #2EBD85;--info: #5B9BD5;--warning: #F0A040;--danger: #E05560;--gray-50: #F6F9F8;--gray-100: #EDF2F0;--gray-200: #DDE5E2;--gray-300: #C5CFCB;--gray-400: #A3B0AA;--gray-500: #7D8C85;--gray-600: #5A6B64;--gray-700: #3E4E47;--gray-800: #2A352F;--gray-900: #1A221E;--bg-primary: #F4FAF7;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: rgba(46, 189, 133, .04);--border-color: #DDE5E2;--text-primary: #1A221E;--text-secondary: #5A6B64;--text-muted: #A3B0AA;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--shadow-xl: 0 12px 32px rgba(0,0,0,.1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #4ED9A3;--primary-light: #6EE8BA;--primary-dark: #3AC58B;--primary-bg: rgba(78, 217, 163, .12);--gray-50: #0F1412;--gray-100: #161C19;--gray-200: #1E2521;--gray-300: #2D3631;--gray-400: #48544D;--gray-500: #6B7870;--gray-600: #8F9A93;--gray-700: #B4BDB8;--gray-800: #D2D8D5;--gray-900: #EBEFED;--bg-primary: #0C100E;--bg-white: #121714;--bg-card: #121714;--bg-hover: rgba(78, 217, 163, .06);--border-color: #2D3631;--text-primary: #EBEFED;--text-secondary: #B4BDB8;--text-muted: #6B7870;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.55);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-xl: 0 12px 32px rgba(0,0,0,.65);--color-gold-text: #FFD54F;--color-gold-bg: rgba(255, 213, 79, .1);--color-gold-border: rgba(255, 213, 79, .18);--color-green-text: #81C784;--color-green-bg: rgba(129, 199, 132, .1);--color-green-border: rgba(129, 199, 132, .18);--color-red-text: #EF9A9A;--color-red-bg: rgba(239, 154, 154, .1);--color-red-border: rgba(239, 154, 154, .18);--color-orange-text: #FFB74D;--color-orange-bg: rgba(255, 183, 77, .1);--color-orange-border: rgba(255, 183, 77, .18);--color-blue-text: #64B5F6;--color-blue-bg: rgba(100, 181, 246, .1);--color-blue-border: rgba(100, 181, 246, .18);--color-cyan-text: #4DD0E1;--color-cyan-bg: rgba(77, 208, 225, .1);--color-cyan-border: rgba(77, 208, 225, .18);--color-purple-text: #CE93D8;--color-purple-bg: rgba(206, 147, 216, .1);--color-purple-border: rgba(206, 147, 216, .18);--card-gold-bg: rgba(255, 213, 79, .08);--card-gold-border: rgba(255, 213, 79, .14);--card-purple-bg: rgba(206, 147, 216, .08);--card-purple-border: rgba(206, 147, 216, .14);--card-cyan-bg: rgba(77, 208, 225, .08);--card-cyan-border: rgba(77, 208, 225, .14);--card-orange-bg: rgba(255, 183, 77, .08);--card-orange-border: rgba(255, 183, 77, .14);--card-green-bg: rgba(129, 199, 132, .08);--card-green-border: rgba(129, 199, 132, .14);--card-red-bg: rgba(239, 154, 154, .08);--card-red-border: rgba(239, 154, 154, .14);--card-blue-bg: rgba(100, 181, 246, .08);--card-blue-border: rgba(100, 181, 246, .14)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text-primary);background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4ed9a326}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .card{border:1px solid var(--gray-300)}[data-theme=dark] .btn-ghost:hover{background:var(--gray-200)}[data-theme=dark] .btn-outline{border-color:var(--primary-dark);color:var(--primary-light)}[data-theme=dark] .btn-outline:hover{background:var(--primary-bg)}[data-theme=dark] .btn-primary{box-shadow:0 4px 12px #2ebd8540}[data-theme=dark] .modal-header{border-bottom-color:var(--gray-300)}[data-theme=dark] .modal-footer{border-top-color:var(--gray-300)}[data-theme=dark] .activation-hint-box{background:var(--gray-100)}[data-theme=dark] .tag-success{background:var(--color-green-bg);color:var(--color-green-text)}[data-theme=dark] .tag-warning{background:var(--color-orange-bg);color:var(--color-orange-text)}[data-theme=dark] .task-progress-bar,[data-theme=dark] .report-study-bar{background:var(--gray-300)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120px) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px #2ebd854d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2ebd8566}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary-bg)}.btn-ghost{color:var(--text-secondary);background:transparent}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 32px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.tag-primary{background:var(--primary-bg);color:var(--primary)}.tag-success{background:#E8F5E9;color:var(--success)}[data-theme=dark] .tag-success{background:var(--card-green-bg)}.tag-warning{background:#FFF3E0;color:var(--warning)}[data-theme=dark] .tag-warning{background:var(--card-orange-bg)}@media (max-width: 768px){:root{--radius-lg: 12px;--radius-xl: 16px}.container{padding:0 12px}html{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 24px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-white);border-radius:var(--radius-2xl);width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:bounceIn .4s ease}.modal-content.modal-sm{max-width:400px}.modal-content.modal-lg{max-width:640px}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.modal-header h2{flex:1;font-size:18px;font-weight:700}.modal-body{padding:16px 24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--gray-100);flex-shrink:0;background:var(--bg-white)}.modal-footer .btn{flex:1}.modal-title-with-icon{display:flex;align-items:center;gap:12px;flex:1}.modal-icon-circle{width:36px;height:36px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.activation-hint-box{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--gray-50);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;outline:none;background:var(--bg-white);color:var(--text-primary);transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2ebd851a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-error{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--danger);margin-top:4px}.form-success{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--success);margin-top:4px}.form-group .license-input-wrap input,.form-group .license-input-wrap input:focus{border:none;box-shadow:none;padding:0;border-radius:0}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;color:var(--text-primary);animation:slideDown .3s ease;max-width:min(90vw,400px)}.toast-success{border-left:4px solid var(--success)}.toast-info{border-left:4px solid var(--info)}.toast-warning{border-left:4px solid var(--warning)}.toast-error{border-left:4px solid var(--danger)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;min-height:240px}.empty-state-icon{font-size:56px;margin-bottom:16px;opacity:.85}.empty-state h3{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:20px;max-width:280px;line-height:1.6}.empty-state .btn{margin-top:4px}.form-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #888);margin-top:4px;padding-left:2px}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.activation-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.55)}.activation-dialog{max-width:420px;width:92%;border-radius:20px;padding:0;position:relative;overflow:visible;animation:activationPopIn .45s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px #0000000a,0 4px 6px #0000000a,0 12px 32px #0000001f,0 40px 80px #00000014}@keyframes activationPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}60%{transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.activation-top-accent{height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 35%,#6EE8BA 65%,var(--secondary) 100%)}.activation-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--gray-100);border:none;cursor:pointer;transition:all var(--transition);z-index:2}.activation-close-btn:hover{background:var(--gray-200);color:var(--text-primary)}[data-theme=dark] .activation-close-btn{background:var(--gray-300)}[data-theme=dark] .activation-close-btn:hover{background:var(--gray-400)}.activation-hero{display:flex;justify-content:center;padding:28px 0 8px}.activation-hero-ring{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bg),rgba(78,217,163,.15));display:flex;align-items:center;justify-content:center;position:relative}.activation-hero-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px dashed rgba(46,189,133,.2);animation:rotateDash 20s linear infinite}@keyframes rotateDash{to{transform:rotate(360deg)}}.activation-hero-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #2ebd854d}.activation-header-text{text-align:center;padding:0 32px 20px}.activation-header-text h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.activation-header-text p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.activation-form{padding:0 28px 8px}.activation-input-group{margin-bottom:16px}.activation-input-row{display:flex;align-items:center;background:var(--gray-50);border:2px solid transparent;border-radius:14px;padding:4px 4px 4px 16px;transition:all .25s ease;gap:0}.activation-input-row:focus-within{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 4px #2ebd8514}[data-theme=dark] .activation-input-row{background:var(--gray-200)}[data-theme=dark] .activation-input-row:focus-within{background:var(--gray-100);box-shadow:0 0 0 4px #4ed9a31a}.activation-input-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;margin-right:10px}.activation-input-field{flex:1;border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-primary);padding:14px 0;font-family:SF Mono,Cascadia Code,Consolas,Menlo,monospace;letter-spacing:1px;min-width:0}.activation-input-field::placeholder{color:var(--text-muted);font-family:var(--font-sans);font-weight:400;letter-spacing:0;font-size:13px}.activation-feedback{min-height:22px;padding:0 4px;margin-top:6px}.activation-feedback-hint,.activation-feedback-error,.activation-feedback-success{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1}.activation-feedback-hint{color:var(--text-muted)}.activation-feedback-error{color:var(--danger);font-weight:500}.activation-feedback-success{color:var(--success);font-weight:500}.activation-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:14px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 4px 16px #2ebd854d;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.activation-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #2ebd8566}.activation-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2ebd8540}.activation-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.activation-skip-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;margin-top:8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;border-radius:10px;transition:all var(--transition)}.activation-skip-btn:hover{color:var(--text-secondary);background:var(--gray-50)}[data-theme=dark] .activation-skip-btn:hover{background:var(--gray-200)}.activation-footer-tip{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 28px 22px;font-size:11px;color:var(--text-muted);text-align:center}.activation-footer-tip svg{color:var(--warning);flex-shrink:0}@media (max-width: 480px){.activation-dialog{max-width:100%;width:94%;border-radius:16px}.activation-top-accent{border-radius:16px 16px 0 0}.activation-header-text{padding:0 20px 16px}.activation-header-text h2{font-size:18px}.activation-form{padding:0 20px 8px}}