.study-timer[data-v-7062e9c0]{text-align:center}.settings-section[data-v-7062e9c0]{margin-bottom:2rem}.setting-item[data-v-7062e9c0]{margin-bottom:1.5rem}.setting-label[data-v-7062e9c0]{display:block;margin-bottom:.8rem;font-size:1.1rem;font-weight:600;color:#4a5568}.setting-input[data-v-7062e9c0]{padding:.8rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;width:140px;text-align:center;transition:all .3s ease;font-weight:600}.setting-input[data-v-7062e9c0]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-checkbox[data-v-7062e9c0]{margin-right:.5rem;width:1.2rem;height:1.2rem;accent-color:#667eea;cursor:pointer}.setting-label[data-v-7062e9c0]:has(.setting-checkbox){display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease}.setting-label[data-v-7062e9c0]:has(.setting-checkbox):hover{color:#667eea}.timer-display[data-v-7062e9c0]{margin:2rem 0}.timer-circle-wrapper[data-v-7062e9c0]{position:relative;display:inline-block;margin-bottom:1.5rem}.progress-ring[data-v-7062e9c0]{transform:rotate(-90deg);position:absolute;top:-10px;left:-10px}.progress-circle[data-v-7062e9c0]{transition:stroke-dashoffset .3s ease,stroke .3s ease}.timer-circle[data-v-7062e9c0]{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.timer-circle.work-mode[data-v-7062e9c0]{background:linear-gradient(135deg,#667eea,#764ba2)}.timer-circle.rest-mode[data-v-7062e9c0]{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.timer-circle.paused[data-v-7062e9c0]{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.timer-content[data-v-7062e9c0]{text-align:center;color:#fff}.time-display[data-v-7062e9c0]{font-size:2.8rem;font-weight:700;margin-bottom:.2rem;font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(0,0,0,.2)}.timer-label[data-v-7062e9c0]{font-size:1rem;font-weight:500;opacity:.9}.mode-indicator[data-v-7062e9c0]{margin-bottom:1rem}.mode-indicator>div[data-v-7062e9c0]{font-size:1.2rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;display:inline-block;transition:all .3s ease}.work-mode-text[data-v-7062e9c0]{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.rest-mode-text[data-v-7062e9c0]{background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);color:#4ecdc4}.paused-text[data-v-7062e9c0]{background:linear-gradient(135deg,#ffeaa74d,#fab1a04d);color:#fab1a0}.ready-text[data-v-7062e9c0]{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.controls[data-v-7062e9c0]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn[data-v-7062e9c0]{padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn[data-v-7062e9c0]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn[data-v-7062e9c0]:hover:before{left:100%}.btn-primary[data-v-7062e9c0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary[data-v-7062e9c0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary[data-v-7062e9c0]{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3748;box-shadow:0 4px 15px #fab1a04d}.btn-secondary[data-v-7062e9c0]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fab1a066}.btn-success[data-v-7062e9c0]{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc44d}.btn-success[data-v-7062e9c0]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.btn-danger[data-v-7062e9c0]{background:linear-gradient(135deg,#ff7675,#e17055);color:#fff;box-shadow:0 4px 15px #ff76754d}.btn-danger[data-v-7062e9c0]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff767566}.btn[data-v-7062e9c0]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-icon[data-v-7062e9c0]{font-size:1.2rem}@media (max-width: 480px){.timer-circle[data-v-7062e9c0]{width:180px;height:180px}.progress-ring[data-v-7062e9c0]{width:200px;height:200px;top:-10px;left:-10px}.progress-ring circle[data-v-7062e9c0]{r:90;cx:100;cy:100}.time-display[data-v-7062e9c0]{font-size:2.4rem}.controls[data-v-7062e9c0]{gap:.8rem}.btn[data-v-7062e9c0]{min-width:100px;padding:.7rem 1.2rem;font-size:.9rem}}@keyframes pulse-7062e9c0{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-circle.work-mode[data-v-7062e9c0],.timer-circle.rest-mode[data-v-7062e9c0]{animation:pulse-7062e9c0 2s infinite ease-in-out}.timer-circle.paused[data-v-7062e9c0]{animation:none}.notification-alert[data-v-ec217bc7]{position:fixed;top:20px;right:20px;z-index:1000;min-width:320px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 12px #00000014;cursor:pointer;overflow:hidden;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.notification-alert[data-v-ec217bc7]:hover{transform:translate(-4px);box-shadow:0 15px 35px #0003,0 6px 15px #0000001a}.notification-content[data-v-ec217bc7]{padding:1rem;display:flex;align-items:flex-start;gap:.8rem;position:relative}.notification-icon[data-v-ec217bc7]{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.notification-text[data-v-ec217bc7]{flex:1;min-width:0}.notification-title[data-v-ec217bc7]{font-size:1rem;font-weight:700;margin-bottom:.3rem;color:#2d3748;line-height:1.2}.notification-message[data-v-ec217bc7]{font-size:.9rem;color:#4a5568;line-height:1.4}.notification-close[data-v-ec217bc7]{background:none;border:none;font-size:1.2rem;color:#a0aec0;cursor:pointer;padding:.2rem;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close[data-v-ec217bc7]:hover{background:#0000000d;color:#718096}.notification-progress[data-v-ec217bc7]{height:3px;background:#0000000d;position:relative;overflow:hidden}.notification-progress-bar[data-v-ec217bc7]{height:100%;transition:width .1s linear;position:absolute;left:0;top:0}.notification-alert.work-break[data-v-ec217bc7]{border-left:4px solid #4ecdc4}.notification-alert.work-break .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.notification-alert.rest-end[data-v-ec217bc7]{border-left:4px solid #667eea}.notification-alert.rest-end .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#667eea,#764ba2)}.notification-alert.info[data-v-ec217bc7]{border-left:4px solid #3182ce}.notification-alert.info .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#3182ce,#2c5282)}.notification-alert.success[data-v-ec217bc7]{border-left:4px solid #38a169}.notification-alert.success .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#38a169,#2f855a)}.notification-alert.warning[data-v-ec217bc7]{border-left:4px solid #d69e2e}.notification-alert.warning .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#d69e2e,#b7791f)}.notification-alert.error[data-v-ec217bc7]{border-left:4px solid #e53e3e}.notification-alert.error .notification-progress-bar[data-v-ec217bc7]{background:linear-gradient(90deg,#e53e3e,#c53030)}@media (max-width: 768px){.notification-alert[data-v-ec217bc7]{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.notification-content[data-v-ec217bc7]{padding:.8rem}.notification-title[data-v-ec217bc7]{font-size:.9rem}.notification-message[data-v-ec217bc7]{font-size:.8rem}}@media (max-width: 480px){.notification-alert[data-v-ec217bc7]{top:5px;right:5px;left:5px}.notification-content[data-v-ec217bc7]{padding:.7rem;gap:.6rem}.notification-icon[data-v-ec217bc7]{font-size:1.3rem}}@media (prefers-color-scheme: dark){.notification-alert[data-v-ec217bc7]{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.notification-title[data-v-ec217bc7]{color:#f7fafc}.notification-message[data-v-ec217bc7]{color:#e2e8f0}.notification-close[data-v-ec217bc7]{color:#a0aec0}.notification-close[data-v-ec217bc7]:hover{background:#ffffff1a;color:#cbd5e0}.notification-progress[data-v-ec217bc7]{background:#ffffff1a}}.notification-slide-enter-active[data-v-ec217bc7]{transition:all .4s cubic-bezier(.25,.8,.25,1)}.notification-slide-leave-active[data-v-ec217bc7]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.notification-slide-enter-from[data-v-ec217bc7]{opacity:0;transform:translate(100%) scale(.9)}.notification-slide-leave-to[data-v-ec217bc7]{opacity:0;transform:translate(100%) scale(.95)}.notification-alert[data-v-ec217bc7]{animation:notificationBounceIn-ec217bc7 .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes notificationBounceIn-ec217bc7{0%{opacity:0;transform:translate(100%) scale(.3) rotate(10deg)}50%{opacity:.8;transform:translate(-10px) scale(1.05) rotate(-2deg)}70%{transform:translate(5px) scale(.98) rotate(1deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.notification-alert[data-v-ec217bc7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none;opacity:0;transition:opacity .3s ease}.notification-alert[data-v-ec217bc7]:hover:before{opacity:1}#app[data-v-3832d8cc]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.app-container[data-v-3832d8cc]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #0000001a,0 8px 24px #00000014;max-width:500px;width:100%;text-align:center;border:1px solid rgba(255,255,255,.2)}.app-header[data-v-3832d8cc]{margin-bottom:2rem}.app-title[data-v-3832d8cc]{font-size:2.2rem;font-weight:700;color:#2d3748;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon[data-v-3832d8cc]{font-size:2rem;animation:float-3832d8cc 3s ease-in-out infinite}@keyframes float-3832d8cc{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-subtitle[data-v-3832d8cc]{font-size:1.1rem;color:#718096;margin:0;font-weight:500}.app-main[data-v-3832d8cc]{margin:2rem 0}.app-footer[data-v-3832d8cc]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.app-footer p[data-v-3832d8cc]{font-size:.9rem;color:#a0aec0;margin:0;font-style:italic}@media (max-width: 768px){#app[data-v-3832d8cc]{padding:2rem .5rem .5rem;align-items:flex-start}.app-container[data-v-3832d8cc]{padding:1.5rem;border-radius:16px;max-width:none}.app-title[data-v-3832d8cc]{font-size:1.8rem}.app-subtitle[data-v-3832d8cc]{font-size:1rem}}@media (max-width: 480px){.app-container[data-v-3832d8cc]{padding:1rem;margin:.5rem}.app-title[data-v-3832d8cc]{font-size:1.6rem;flex-direction:column;gap:.3rem}.title-icon[data-v-3832d8cc]{font-size:1.8rem}}@media (prefers-color-scheme: dark){#app[data-v-3832d8cc]{background:linear-gradient(135deg,#1a202c,#2d3748)}.app-container[data-v-3832d8cc]{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.app-title[data-v-3832d8cc]{color:#f7fafc}.app-subtitle[data-v-3832d8cc]{color:#e2e8f0}.app-footer[data-v-3832d8cc]{border-top:1px solid rgba(255,255,255,.1)}.app-footer p[data-v-3832d8cc]{color:#a0aec0}}.app-container[data-v-3832d8cc]{animation:slideUp-3832d8cc .6s ease-out}@keyframes slideUp-3832d8cc{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#app[data-v-3832d8cc]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="90" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;opacity:.3}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{flex-direction:column}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .5rem}}