*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif;user-select:none;}:root{--primary:#1a73e8;--secondary:#4285f4;--accent:#34a853;--dark:#202124;--light:#f8f9fa;--gray:#5f6368;--border:#dadce0;--card-bg:rgba(255,255,255,0.92);--shadow:0 4px 12px rgba(0,0,0,0.08);--lunar-color:#d35400;--day-bg:linear-gradient(135deg,#0f2027,#203a43,#2c5364);--night-bg:linear-gradient(135deg,#0c0e1a,#1a1c2c,#2c3e50);--day-sun:#f39c12;--night-moon:#f1c40f;--time-diff-slow:#27ae60;--time-diff-fast:#e74c3c;--drag-border:2px dashed #1a73e8;}body{background:var(--day-bg);color:var(--dark);min-height:100vh;padding:20px;position:relative;overflow-x:hidden;transition:background 0.5s ease;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:4px;}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3);}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.3;overflow:hidden;}.particle{position:absolute;border-radius:50%;background:radial-gradient(var(--primary),transparent);opacity:0.4;animation:float 15s infinite linear;}.particle:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-duration:20s;}.particle:nth-child(2){width:200px;height:200px;top:60%;left:80%;animation-duration:25s;animation-delay:-5s;}.particle:nth-child(3){width:150px;height:150px;top:30%;left:70%;animation-duration:15s;animation-delay:-10s;}.particle:nth-child(4){width:180px;height:180px;top:20%;left:40%;animation-duration:18s;animation-delay:-7s;}.particle:nth-child(5){width:220px;height:220px;top:50%;left:30%;animation-duration:22s;animation-delay:-12s;}@keyframes float{0%{transform:translate(0,0) rotate(0deg);box-shadow:0 0 30px rgba(255,255,255,0.3);}25%{transform:translate(20px,15px) rotate(90deg);box-shadow:0 0 40px rgba(255,255,255,0.5);}50%{transform:translate(0,30px) rotate(180deg);box-shadow:0 0 50px rgba(255,255,255,0.7);}75%{transform:translate(-20px,15px) rotate(270deg);box-shadow:0 0 40px rgba(255,255,255,0.5);}100%{transform:translate(0,0) rotate(360deg);box-shadow:0 0 30px rgba(255,255,255,0.3);}}.container{max-width:1200px;margin:0 auto;}.header{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border-radius:16px 16px 0 0;padding:20px 30px;box-shadow:var(--shadow);position:relative;overflow:hidden;}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));}.logo{display:flex;align-items:center;}.logo::before{content:"🕒";font-size:28px;margin-right:10px;}.logo h1{font-size:1.8rem;font-weight:600;color:var(--dark);}.site-url{display:inline-block;text-decoration:none;background:var(--light);padding:8px 15px;border-radius:30px;font-weight:600;color:var(--primary);box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:all 0.3s ease;}.site-url:hover{background:var(--primary);color:white;transform:translateY(-2px);}.main-content{background:var(--card-bg);border-radius:0 0 16px 16px;padding:30px;box-shadow:var(--shadow);}.title-section{text-align:center;margin-bottom:30px;}.title-section h2{font-size:2.2rem;color:var(--primary);margin-bottom:8px;position:relative;display:inline-block;}.title-section h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--secondary);border-radius:2px;}.title-section p{font-size:1.1rem;color:var(--gray);margin-top:20px;}.time-diff{text-align:left;margin-bottom:10px;font-weight:600;font-size:1.1rem;padding:8px 15px;border-radius:8px;display:inline-block;width:100%;}.time-diff.slow{color:var(--time-diff-slow);}.time-diff.fast{color:var(--time-diff-fast);}.time-display{background:linear-gradient(135deg,#f0f7ff,#e3eeff);border-radius:16px;padding:30px;margin:30px 0;text-align:center;box-shadow:0 8px 20px rgba(66,133,244,0.15);border:1px solid rgba(66,133,244,0.2);position:relative;overflow:hidden;}.time-display::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--primary),var(--secondary));}.time-label{font-size:1.2rem;color:var(--primary);font-weight:600;margin-bottom:15px;display:flex;align-items:center;justify-content:center;}.time-label::before{content:"⏱";margin-right:10px;font-size:1.4rem;}#cTime{font-weight:700;color:var(--primary);margin:10px 0;text-shadow:0 2px 4px rgba(0,0,0,0.1);letter-spacing:2px;font-family:sans-serif;transition:font-size 0.3s ease;cursor:pointer;font-size:5.5rem;}.milliseconds{font-size:0.5em;font-family:sans-serif;opacity:0.9;}.date-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:15px;min-height:60px;}.date-item{background:rgba(255,255,255,0.7);padding:8px 15px;border-radius:8px;font-size:1.1rem;box-shadow:0 2px 5px rgba(0,0,0,0.05);cursor:grab;transition:all 0.3s ease;display:flex;align-items:center;font-size:1.8rem;}.date-item.dragging{opacity:0.7;transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,0.2);}#cDate{color:var(--dark);font-weight:500;cursor:grab;}#cWeek{color:#2980b9;font-weight:500;cursor:grab;}#cWeekNumber{color:#8e44ad;font-weight:500;cursor:grab;}.lunar-date{font-size:1.8rem;color:var(--lunar-color);margin-bottom:20px;font-weight:500;cursor:grab;background:rgba(255,255,255,0.7);display:inline-block;padding:5px 15px;border-radius:8px;}.sun-info{text-align:right;font-size:1.2rem;color:#27ae60;margin:20px 0;padding:8px 15px;}.world-time-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:25px 0;}.world-time-card{background:rgba(255,255,255,0.8);border-radius:12px;padding:10px;min-width:100px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:grab;position:relative;}.world-time-card.dragging{opacity:0.5;transform:scale(1.1);}.world-time-card.drag-over{border:var(--drag-border);}.world-time-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.15);}.world-time-card h4{color:var(--dark);font-size:1.1rem;margin-bottom:5px;}.world-time{font-size:1.5rem;font-weight:700;color:var(--primary);}.control-icons-container{display:flex;justify-content:center;margin-top:30px;margin-bottom:20px;}.control-icons{display:flex;gap:15px;background:rgba(255,255,255,0.8);padding:10px 20px;border-radius:30px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.icon-btn{width:50px;height:50px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.2);border:none;position:relative;}.icon-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.3);}.icon-btn.secondary{background:#5f6368;}.icon-btn.active{background:var(--accent);transform:scale(1.1);}.icon-btn.alarm-on::before{color:#ffcc00;text-shadow:0 0 10px rgba(255,204,0,0.8);}.loader{display:inline-block;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;}@keyframes spin{to{transform:rotate(360deg);}}.sync-info{display:flex;justify-content:center;gap:20px;margin-top:15px;flex-wrap:wrap;}.sync-item{background:rgba(255,255,255,0.8);padding:8px 15px;border-radius:8px;font-size:0.95rem;box-shadow:0 2px 5px rgba(0,0,0,0.05);}.sync-item strong{color:var(--primary);}#lastSyncTime{color:#34a853;font-weight:600;}#nextSyncCountdown{color:#ea4335;font-weight:600;}.control-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:1000;display:none;width:90%;max-width:500px;}.control-panel h3{text-align:center;margin-bottom:20px;color:var(--primary);font-size:1.6rem;}.control-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;}.control-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px;transition:all 0.3s ease;}.control-option:hover{background:#e8f0fe;}.control-option label{font-size:1.1rem;color:var(--dark);cursor:pointer;}.switch{position:relative;display:inline-block;width:50px;height:24px;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px;}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .slider{background-color:var(--accent);}input:checked + .slider:before{transform:translateX(26px);}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);}.instructions{background:var(--light);border-radius:16px;padding:25px;margin:30px 0;box-shadow:var(--shadow);}.instructions h3{font-size:1.4rem;color:var(--primary);margin-bottom:20px;display:flex;align-items:center;}.instructions h3::before{content:"ℹ️";margin-right:10px;}.instructions ul{list-style:none;padding-left:10px;}.instructions li{margin:15px 0;padding-left:30px;position:relative;font-size:1.05rem;line-height:1.6;color:var(--dark);}.instructions li::before{content:"•";color:var(--accent);font-size:1.8rem;position:absolute;left:0;top:-8px;}.friend-links{background:var(--light);border-radius:16px;padding:25px;margin:30px 0;box-shadow:var(--shadow);}.friend-links h3{font-size:1.4rem;color:var(--primary);margin-bottom:20px;display:flex;align-items:center;}.friend-links h3::before{content:"🔗";margin-right:10px;}.links-container{display:flex;flex-wrap:wrap;gap:15px;}.link-item{background:white;border:1px solid var(--border);border-radius:10px;padding:12px 20px;font-size:1rem;color:var(--dark);transition:all 0.3s ease;display:flex;align-items:center;text-decoration:none;}.link-item::before{content:"🌐";margin-right:8px;}.link-item:nth-child(2)::before{content:"🕒 ";}.link-item:nth-child(3)::before{content:"⏱";}.link-item:nth-child(4)::before{content:"⏲";}.link-item:nth-child(5)::before{content:"📅";}.link-item:hover{background:var(--primary);color:white;transform:translateY(-3px);box-shadow:0 4px 10px rgba(26,115,232,0.3);border-color:var(--primary);}.footer{text-align:center;padding:25px;color:rgba(255,255,255,0.8);font-size:1.05rem;}.footer .quote{font-style:italic;margin-bottom:15px;font-size:1.2rem;}.footer .copyright{font-size:0.95rem;}.footer a{color:#a3d0ff;text-decoration:none;transition:all 0.3s ease;}.footer a:hover{color:white;text-decoration:underline;}.footer .footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap;}.footer .footer-nav a{color:rgba(255,255,255,0.8);text-decoration:none;font-size:1.1rem;padding:0.3rem 0.8rem;border-radius:30px;transition:all 0.3s ease;position:relative;}.footer .footer-nav a:hover{color:white;background:rgba(255,255,255,0.15);transform:translateY(-2px);}body.fullscreen{padding:0;background:#0a1929;}.fullscreen .container{max-width:none;height:100vh;display:flex;flex-direction:column;justify-content:center;}.fullscreen .main-content{border-radius:16px;height:100vh;padding:0px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;}.fullscreen .main-content::-webkit-scrollbar{display:none;}.fullscreen .header,.fullscreen .title-section,.fullscreen .instructions,.fullscreen .friend-links,.fullscreen .device-time,.fullscreen .button-container,.fullscreen .footer,.fullscreen .sync-info,.fullscreen .control-icons-container{display:none;}.fullscreen .time-display{background:transparent;box-shadow:none;border:none;border-radius:0;padding:20px;margin:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}.fullscreen .time-display::before{display:none;}.fullscreen #cTime{font-size:13vw;line-height:1.2;}.fullscreen .date-item{font-size:3vw;}.fullscreen .lunar-date{font-size:4vw;margin-top:10px;}.fullscreen .time-label{font-size:3vw;margin-bottom:30px;}.fullscreen .time-label::before{font-size:3vw;}.fullscreen .world-time-container{margin-top:40px;justify-content:center;}.fullscreen .world-time-card{min-width:180px;padding:20px;}.fullscreen .world-time-card h4{font-size:1.8rem;}.fullscreen .world-time{font-size:2.5rem;}.fullscreen .sun-info{font-size:1.5rem;margin-top:25px;}.fullscreen-exit{position:fixed;top:20px;right:20px;background:rgba(255,255,255,0.2);color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;z-index:1000;display:none;transition:all 0.3s ease;}.fullscreen .fullscreen-exit{display:block;}.fullscreen-exit:hover{background:var(--dark);color:white;transform:scale(1.1);}.timer-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:1000;display:none;width:90%;max-width:500px;max-height:90vh;overflow:hidden;}.timer-panel h3{text-align:center;margin-bottom:20px;color:var(--primary);font-size:1.6rem;}.timer-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--border);}.timer-tab{flex:1;text-align:center;padding:10px;cursor:pointer;font-weight:500;transition:all 0.3s ease;}.timer-tab.active{border-bottom:3px solid var(--primary);color:var(--primary);}.timer-content{display:none;max-height:60vh;overflow-y:auto;padding:10px;}.timer-content.active{display:block;}.countdown-display,.stopwatch-display{font-size:3rem;text-align:center;font-family:monospace;margin:20px 0;font-weight:700;color:var(--primary);}.timer-controls{display:flex;justify-content:center;gap:10px;margin-top:20px;}.timer-btn{background:var(--primary);color:white;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s ease;}.timer-btn:hover{background:#0d5fd3;transform:translateY(-2px);}.timer-btn.secondary{background:#5f6368;}.timer-btn.warning{background:#e74c3c;}.timer-laps{margin-top:20px;max-height:200px;overflow-y:auto;}.lap-item{padding:10px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;}.alarm-form{display:grid;gap:15px;margin-bottom:20px;}.form-group{display:flex;flex-direction:column;gap:5px;}.form-group label{font-weight:500;color:var(--dark);}.form-group input,.form-group select{padding:12px;border-radius:8px;border:1px solid var(--border);font-size:1rem;}.alarm-list{max-height:200px;overflow-y:auto;}.alarm-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;}.alarm-time{font-weight:600;font-size:1.2rem;}.alarm-label{color:var(--gray);}.alarm-actions{display:flex;gap:10px;}.alarm-toggle{position:relative;width:50px;height:24px;}.alarm-toggle input{opacity:0;width:0;height:0;}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px;}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}input:checked + .toggle-slider{background-color:var(--accent);}input:checked + .toggle-slider:before{transform:translateX(26px);}.delete-alarm{background:#ea4335;color:white;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.calendar-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:1000;display:none;width:90%;max-width:500px;max-height:90vh;overflow:hidden;}.calendar-panel h3{text-align:center;margin-bottom:20px;color:var(--primary);font-size:1.6rem;display:flex;align-items:center;justify-content:center;}.calendar-panel h3::before{content:"📅";margin-right:10px;font-size:1.8rem;}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.calendar-nav-btn{background:var(--primary);color:white;border:none;width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.calendar-nav-btn:hover{background:#0d5fd3;transform:scale(1.1);}.calendar-title{font-size:1.4rem;font-weight:600;color:var(--dark);}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px;text-align:center;font-weight:600;}.calendar-weekdays div{padding:8px 0;color:var(--primary);}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-height:70vh;overflow-y:auto;}.calendar-day{background:#f8f9fa;border-radius:8px;padding:5px;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;min-height:60px;display:flex;flex-direction:column;justify-content:space-between;}.calendar-day:hover{background:#e8f0fe;transform:translateY(-3px);}.calendar-day.other-month{color:#ccc;}.calendar-day.today{background:rgba(26,115,232,0.15);border:2px solid var(--primary);}.calendar-day.selected{background:var(--primary);color:white;}.day-number{font-size:1.2rem;font-weight:600;}.lunar-day{font-size:0.85rem;color:var(--lunar-color);margin-top:5px;}.today .lunar-day{color:#d35400;}.selected .lunar-day{color:white;}.solar-terms{font-size:0.7rem;color:#27ae60;position:absolute;bottom:3px;left:0;right:0;text-align:center;}.calendar-info{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;overflow-y:auto;max-height:20vh;}.calendar-info h4{text-align:center;margin-bottom:15px;color:var(--primary);}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.info-item{padding:8px;background:white;border-radius:8px;text-align:center;}.info-item .label{font-size:0.9rem;color:var(--gray);}.info-item .value{font-size:1.1rem;font-weight:600;color:var(--dark);margin-top:5px;}@media (max-width:1200px){#cTime{font-size:4.5rem;}}@media (max-width:992px){#cTime{font-size:4rem;}}@media (max-width:768px){body{padding:5px;}.main-content{padding:10px;}.title-section,.site-url{display:none;}.header{flex-direction:column;text-align:center;padding:20px 15px;}.logo{margin-bottom:15px;justify-content:center;}.date-item{font-size:1.3rem;padding:6px 12px;}.fullscreen .world-time-container,.world-time-container{gap:10px;justify-content:center;}.fullscreen .world-time-card,.world-time-card{min-width:80px;padding:6px;}.fullscreen .world-time,.world-time{font-size:1.3rem;}.sun-info{font-size:1.1rem;}.button-container{flex-direction:column;gap:10px;}.time-btn{width:100%;}}@media (max-width:576px){body{padding:0px;}.main-content{padding:3px;}.fullscreen .time-label{font-size:2rem;}.fullscreen .time-label::before{font-size:2.5rem;}#cTime,.fullscreen #cTime{font-size:4rem;}.date-item,.fullscreen .date-item{font-size:1.5rem;}.lunar-date,.fullscreen .lunar-date{font-size:1.5rem;}.sync-info{gap:10px;}.world-time-container{gap:8px;}.fullscreen .world-time-card,.world-time-card{min-width:60px;padding:3px;}.fullscreen .world-time-card h4,.world-time-card h4{font-size:0.9rem;}.fullscreen .world-time,.world-time{font-size:1.1rem;}.sun-info{font-size:0.8rem;}.milliseconds{display:none;}.control-panel{padding:20px;}.control-options{grid-template-columns:1fr;}.control-icons{padding:8px 15px;gap:10px;}.icon-btn{width:42px;height:42px;font-size:1.3rem;}.timer-display{font-size:2.5rem;}}.quote-section{margin:30px 0;padding:25px;background:rgba(255,255,255,0.8);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);text-align:center;position:relative;overflow:hidden;transition:all 0.5s ease;min-height:140px;display:flex;flex-direction:column;justify-content:center;background:rgba(245,248,255,0.85);border:1px solid rgba(200,218,255,0.5);}.quote-section::before{content:"“";position:absolute;top:15px;left:20px;font-size:5rem;color:rgba(26,115,232,0.15);font-family:Georgia,serif;opacity:0.7;}.quote-section::after{content:"”";position:absolute;bottom:15px;right:20px;font-size:5rem;color:rgba(26,115,232,0.15);font-family:Georgia,serif;transform:rotate(180deg);opacity:0.7;}.quote-content{position:relative;z-index:1;min-height:120px;display:flex;flex-direction:column;justify-content:center;}.quote-text{font-size:1.4rem;line-height:1.6;color:#2c3e50;font-style:italic;margin-bottom:15px;padding:0 30px;position:relative;z-index:1;font-weight:500;transition:all 0.5s ease;}.quote-author{font-size:1.1rem;color:#5c6bc0;font-weight:500;position:relative;z-index:1;opacity:0.9;transition:all 0.5s ease;}.quote-author::before{content:"—— ";}.quote-source{font-size:0.9rem;color:#78909c;margin-top:5px;position:relative;z-index:1;opacity:0.8;transition:all 0.5s ease;}.quote-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 15px;z-index:2;}.quote-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.1);font-size:1.1rem;color:#5c6bc0;box-shadow:0 2px 5px rgba(0,0,0,0.1);}.quote-btn:hover{background:var(--primary);color:white;transform:scale(1.1);}.fullscreen .quote-section{background:rgba(245,248,255,0.85);margin:20px 0;padding:30px 20px;max-width:90%;width:800px;}.fullscreen .quote-text{font-size:2.8rem;line-height:1.4;margin-bottom:25px;}.fullscreen .quote-author{font-size:2rem;opacity:0.9;}.fullscreen .quote-source{font-size:1.6rem;opacity:0.8;}.quote-content.animate-out .quote-text,.quote-content.animate-out .quote-author,.quote-content.animate-out .quote-source{opacity:0;transform:translateX(50px);}.quote-content.animate-in .quote-text,.quote-content.animate-in .quote-author,.quote-content.animate-in .quote-source{opacity:0;transform:translateX(-50px);animation:fadeInLeft 0.6s forwards;}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0);}}.quote-content.animate-in .quote-author{animation-delay:0.2s;}.quote-content.animate-in .quote-source{animation-delay:0.4s;}.drag-hint{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;padding:4px 10px;border-radius:4px;font-size:0.8rem;display:none;white-space:nowrap;}.world-time-container.dragging .drag-hint{display:block;}.guestbook-item{margin-bottom:30px;}.guestbook-card{background:rgba(245,248,255,0.85);border-radius:16px;padding:20px;box-shadow:var(--shadow);border:1px solid rgba(200,218,255,0.5);position:relative;}.guestbook-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,115,232,0.15);}.guestbook-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;}.avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;}.name{font-size:1.3rem;font-weight:600;color:var(--dark);cursor:pointer;}.name:hover{color:var(--primary);text-decoration:underline;}.time{margin-left:auto;color:var(--gray);font-size:0.9rem;}.content{font-size:1.1rem;line-height:1.6;color:#2c3e50;padding-left:15px;border-left:4px solid var(--primary);margin:15px 0;}.guestbook-meta{display:flex;align-items:center;gap:20px;margin-top:10px;}.likes{display:flex;align-items:center;gap:5px;}.like-btn{background:none;border:2px solid #ff6b6b;color:#ff6b6b;padding:5px 15px;border-radius:30px;cursor:pointer;font-weight:600;transition:0.2s;}.like-btn:hover{background:#ff6b6b;color:white;}.like-btn.liked{background:#ff6b6b;color:white;}.reply-btn{background:none;border:2px solid var(--primary);color:var(--primary);padding:5px 15px;border-radius:30px;cursor:pointer;font-weight:600;transition:0.2s;margin-left:auto;}.reply-btn:hover{background:var(--primary);color:white;}.reply-item{background:rgba(255,255,255,0.6);border-radius:12px;padding:15px;margin-bottom:15px;margin-top:10px;}.reply-item .avatar{width:35px;height:35px;font-size:1.2rem;}.reply-item .name{font-size:1.1rem;}.reply-item .content{font-size:1rem;margin-left:0;}.reply-to{font-size:0.9rem;color:var(--gray);margin-bottom:5px;margin-left:45px;}.pending-badge{background:#ff9800;color:white;font-size:0.8rem;padding:3px 10px;border-radius:30px;margin-left:10px;display:inline-block;}.search-box{display:flex;gap:10px;margin:20px 0;}.search-box input{flex:1;padding:12px 20px;border:2px solid var(--border);border-radius:40px;font-size:1em;}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,115,232,0.2);}.search-box button{padding:12px 28px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:none;border-radius:40px;cursor:pointer;font-weight:600;}.search-box button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(26,115,232,0.4);}.clear-link{align-self:center;color:var(--primary);text-decoration:none;}.pagination{display:flex;justify-content:center;gap:5px;margin:30px 0;flex-wrap:wrap;}.pagination a,.pagination strong,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:20px;background:white;color:var(--primary);text-decoration:none;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1);}.pagination a:hover{background:var(--primary);color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(26,115,232,0.3);}.pagination strong{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 4px 10px rgba(26,115,232,0.3);}.pagination .prev,.pagination .next{padding:0 15px;}.pagination .disabled{opacity:0.5;pointer-events:none;background:#f1f3f4;color:#999;}.add-form{background:rgba(255,255,255,0.7);backdrop-filter:blur(5px);padding:30px;border-radius:16px;margin-top:20px;}.add-form input,.add-form textarea{width:100%;padding:12px;margin:8px 0;border:2px solid var(--border);border-radius:30px;font-size:1em;}.add-form input:focus,.add-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,115,232,0.2);}.captcha-row{display:flex;gap:15px;align-items:center;}.captcha-row input{flex:1;}.captcha-label{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:12px 20px;border-radius:30px;font-weight:bold;font-size:1.2rem;}.add-form button{width:100%;padding:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:none;border-radius:40px;font-size:1.2rem;font-weight:bold;cursor:pointer;margin-top:15px;}.add-form button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(26,115,232,0.5);}.info-links{display:flex;justify-content:center;gap:20px;margin-top:20px;}.info-links a{color:var(--primary);text-decoration:none;font-weight:500;padding:5px 15px;border-radius:30px;background:white;box-shadow:var(--shadow);}.info-links a:hover{background:var(--primary);color:white;}.success-msg{background:rgba(76,175,80,0.2);color:#2e7d32;padding:12px 20px;border-radius:30px;margin-bottom:15px;}mark{background-color:#fff3b0;color:#333;font-weight:bold;border-radius:4px;padding:0 2px;}.email-masked{color:var(--gray);font-size:0.9rem;}.pending-reply-badge{background:#ff9800;color:white;font-size:0.8rem;padding:2px 8px;border-radius:30px;margin-left:10px;}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:30px 0;}.message-section{}