@font-face{font-family:'Poppins';font-style:normal;font-weight:400 500;font-display:swap;src:url(/static/500.woff2) format('woff2');unicode-range:U+002D-003A}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/static/600.woff2) format('woff2');unicode-range:U+002D-003A}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/static/700.woff2) format('woff2');unicode-range:U+002D-003A}*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins','Segoe UI',Tahoma,Geneva,Verdana,sans-serif}a{color:currentColor;text-decoration:none;transition:all .2s ease-in-out}a:hover{text-decoration:underline}li{display:block}input,select{display:block;width:100%;padding:.6rem 1.6rem;font-size:1.5rem;line-height:1.8;background-color:#fff;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border-radius:.4rem;transition:all .2s ease-in-out}input:hover,select:hover{border-color:#666}input:focus,select:focus{border-color:#D35;box-shadow:inset 0 0 0 .1rem #D35}select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23666' d='M2,9l9,9h2l9-9L20,7l-8,8L4,7Z'/%3e%3c/svg%3e") no-repeat right 1.2rem center/1.3rem 1.3rem}button{background:#D35;color:#fff;border:none;display:block;padding:.6rem 2rem;font-size:1.7rem;line-height:1.8;outline:0;border-radius:.4rem;cursor:pointer;transition:all .2s ease-in-out}button:hover{background:#E46}.w2{width:20%}.w25{width:25%}.w3{width:30%}.w4{width:40%}.w5{width:50%}html{font-size:62.5%}body{background:#f9f9f9;font-size:1.5rem;color:#444;line-height:1.75em}.container{width:1050px;margin:0 auto}@media(max-width:768px){.container{width:100%;margin:none;padding:1.8rem}}header{background:#333;color:#eee;line-height:4.4rem}header .container{display:flex;justify-content:space-between;align-items:center}header .logo a{font-size:1.8rem;display:flex;align-items:center;font-weight:700}header svg{width:1.1em;height:1.1em;fill:currentColor;margin-right:.6rem}header svg path{fill:#333}header ul{display:flex}header li a{display:block;padding:0 1.5rem}header li a:hover{color:#fff;background:#222;text-decoration:none}.nav-toggle{display:none}@media(max-width:760px){header,header .container{display:block;padding:0}header .logo{width:100%;display:flex;justify-content:space-between}header .logo a{padding:.2rem 1.8rem}.nav-toggle{display:block;position:relative;width:5rem;height:4.4rem;background:transparent}.nav-toggle:hover{background:transparent}.nav-toggle:before,.nav-toggle span,.nav-toggle:after{position:absolute;content:"";display:block;right:2rem;width:2.2rem;height:.2rem;background:#f8f9fa;transition:transform .2s;-webkit-transition:-webkit-transform .2s}.nav-toggle:after{top:1.6rem}.nav-toggle span{top:2.4rem}.nav-toggle:before{top:3rem}.active .nav-toggle:after,.active .nav-toggle:before{top:2.3rem;right:2rem;width:2.5rem}.active .nav-toggle:after{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.active .nav-toggle span{opacity:0}.active .nav-toggle:before{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}header nav{display:none;width:100%;padding:1.8rem;border-top:1px solid #3d4046}header ul,.active nav,header li{display:block}header li{text-align:center}header li a:hover{background:transparent}}.breadcrumbs{padding:2rem 0 1.4rem;font-size:1rem;color:#666}.breadcrumbs a{color:#D35;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 .5rem}.hero-time{position:relative;padding:3rem 0}.hero-time h2{font-size:2.2rem}#hero-beijing{font-size:9rem;line-height:15rem;font-weight:700}.hero-date{padding:0 0 .8rem}.hero-description{font-size:1.4rem;color:#666}.clock-container{position:absolute;width:220px;height:220px;right:0;top:3.4rem}.clock-container img{width:100%;height:100%}.hour-hand{position:absolute;width:4px;height:50px;background:#333;top:60px;left:108px;border-radius:4px;transform-origin:bottom center;z-index:5}.min-hand{position:absolute;width:3px;height:70px;background:#333;top:40px;left:108.5px;border-radius:3px;transform-origin:bottom center;z-index:6}.sec-hand{position:absolute;width:2px;height:103px;background:#D35;top:7px;left:109px;border-radius:3px;transform-origin:bottom center;z-index:7}.clock-center{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #D35;top:104px;left:104px;z-index:10}@media(max-width:768px){.breadcrumbs{padding-top:0}.hero-time{padding-top:.5rem}.hero-time h2{font-size:1.5rem}#hero-beijing{font-size:5rem;line-height:8rem;text-align:center}.clock-container{position:relative;top:0;margin:1rem auto 2rem}}.popular-cities,.hot-list ul{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}.popular-cities{padding:1rem 0 4rem}.popular-cities .city-card{text-align:center;background:#f2f2f2;border-radius:.6rem;padding:1.6rem 0}.city-card h3{font-size:1.6rem;font-weight:400}.city-time{font-size:1.8rem;font-weight:500;padding:.4rem 0}.city-date{font-size:1rem}.hot-list{padding:1rem 0}.hot-list ul{margin:2.4rem 0}.hot-list li a{display:block;padding:.8rem;text-align:center;border-radius:.6rem;border:1px solid #e6e6e6}.hot-list li a:hover{border-color:#bbb}@media(max-width:768px){.popular-cities{grid-template-columns:repeat(4,1fr);gap:.6rem}.city-card h3{font-size:1.5rem}.city-time{font-size:1.4rem;font-weight:600;padding:0}.hot-list ul{grid-template-columns:repeat(2,1fr)}}.about-usage{margin:2.5rem 0;padding:4rem 0;background:#fff}.about-usage h2{padding:2rem 0}.about-usage h3{padding:0 0 1rem}.usage-guide{display:flex;justify-content:center;gap:1rem}h1{font-size:2.8rem;line-height:3rem}h1+p{padding:1.2rem 0 0;color:#666}h2{font-size:2rem}.list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:2.6rem 0}.list-item,.time-info,.calculator,.calendar{background:#fff;border-radius:.6rem;padding:1.8rem 2.2rem;box-shadow:0 1px 3px 0 rgb(0 0 0 / 2%);transition:all 0.2s}.list-item:hover{box-shadow:0 2px 4px 0 rgb(0 0 0 / 2%),0 4px 10px 0 rgb(0 0 0 / 3%),0 4px 16px 0 rgb(0 0 0 / 3%)}.list-item a{text-decoration:none;color:inherit}.list-item h3{font-size:1.7rem;padding:0 0 .4rem}.list-item a:hover{color:#000}.list-item p{color:#666;font-size:1.2rem}.time-info{margin:2.4rem 0 3rem;text-align:center}.time-info h2{text-align:left}.current-time{font-size:8rem;line-height:12rem;font-weight:bold;letter-spacing:2px;color:#222}.current-date{font-size:2rem;padding-bottom:2rem}.time-details{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.4rem 0 1rem;font-size:1rem}.detail-item{background:#f8f8f8;padding:.6rem 1.2rem;border-radius:.6rem}.detail-label{font-weight:500;color:#666;margin-right:.4rem}@media(max-width:768px){.list-container{gap:1.6rem}.about-usage{margin:0 0 1rem;padding:2rem 0}.current-time{font-size:5rem}}.calculator{padding:3rem 3.4rem;margin-top:3rem}.calc-nav{display:flex;text-align:center;margin:0 0 1rem}.calc-nav span,.calc-nav a{flex:1;margin-left:-1px;padding:.6rem 0;border:1px solid #666;text-decoration:none}.calc-nav span,.calc-nav .active{background:#666;color:#fff}.calc-nav a:hover{background:#D35;border-color:#D35;color:#fff}.calc-nav >:first-child{border-radius:.4rem 0 0 .4rem}.calc-nav >:last-child{border-radius:0 .4rem .4rem 0}.calc-row{display:flex;padding:2rem 0 0}.calc-row label{display:block;line-height:3rem;font-size:1.4rem}.form-group+.form-group{margin-left:1.2rem}.form-group-btn{padding:3rem 0 0}.form-group button{width:100%}.form-group-flex{display:flex}.form-group-flex > *{margin-left:-1px;border-radius:0;z-index:1}.form-group-flex >:first-child{border-radius:.4rem 0 0 .4rem}.form-group-flex >:last-child{border-radius:0 .4rem .4rem 0}.form-group-flex > *:hover{z-index:9}.result{display:none;margin:3rem 0 0;padding:1.7rem 0 2.6rem;border-radius:.6rem;background:#fff1f3;text-align:center;font-size:2rem}.result.success{display:block}.result p{font-size:1.4rem;padding:0 0 1rem}.result b{color:#000}.result p.calendar-link{padding:1rem 0 0}.result p.calendar-link a{text-decoration:underline}.quick-actions{display:flex;margin:3rem 0 0;align-items:center}.quick-btn{border:1px solid #ddd;font-size:1.4rem;background:#fff;padding:.3rem 1.2rem;border-radius:.4rem;margin-right:1rem;color:#60656e}.quick-btn:hover{background:#f8f8f8}.intro{padding:2rem 0}.intro h2,.intro h3{padding:1rem 0}.intro p,.intro h4,.intro div{padding:.8rem 0}.intro ul,.intro ol,.intro li{padding:.4rem 0}.intro ul{list-style-type:decimal;list-style-position:inside}.intro ul li{display:list-item}@media(max-width:768px){.calculator{padding:2rem}.calc-nav{font-size:1.2rem}.calc-row,.quick-actions{flex-wrap:wrap}.calc-row > .w4,.calc-row > .w2{width:100%}.form-group+.form-group{margin:1rem 0 0}.form-group-btn{padding:1rem 0 0}.quick-actions{gap:.8rem}.quick-btn{margin:0}}.calendar{margin-top:3rem;padding:4rem 6rem}.calendar-nav{display:grid;grid-template-columns:1fr 10fr 1fr;gap:.8rem;text-align:center;font-size:1.4rem;margin-bottom:3rem}.calendar-nav a,.year-nav a{display:block;background:#eee;padding:.4rem}.calendar-nav .nav-num{font-size:1.2rem;color:#888}.calendar-nav .nav-month,.year-nav{display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem}.calendar-nav .nav-month a{background:#f5f5f5}.year-nav{grid-template-columns:repeat(10,1fr);text-align:center;margin:0 0 2rem}.calendar-nav a:hover,.calendar-nav a.active,.year-nav a:hover,.year-nav a.active{background:#D35;color:#fff;text-decoration:none}.year-calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;padding:3rem 0}.year-month{background:#fff;padding:2.2rem 3rem 2.6rem;border-radius:.4rem}.year-month h3{text-align:center;padding:0 0 2rem;font-weight:500}.day-head{color:#666;font-weight:bold;margin:0 0 1.2rem}.calendar .day-head{padding:1.2rem;font-size:1.4rem;background:#f6f6f6}.year-calendar .day-head{padding:.6rem;font-size:1.2rem;border-bottom:1px solid #eee;border-top:1px solid #888}.calen-table{width:100%;border-spacing:0;border-collapse:collapse}.calen-table td{width:calc(100% / 7)}.calen-table td div{text-align:center;font-size:1rem;padding:2rem 0;line-height:2.5rem;border:1px solid #fff}.calen-table td div:not(.empty):not(.outter):hover{border-color:#333}.calen-table td span{display:block}.calen-table .outter{opacity:.4}.calen-table .day{font-weight:600;width:100%;font-size:1.6rem}.calen-table .day-lunar{color:#aaa}.year-calendar td div{padding:1rem 0;line-height:1.9rem}.calendar .day{font-size:2.2rem}.calen-table .today{border:1px solid #D35;color:#D35}.calen-table .weekend{color:#833}@media(max-width:768px){.calendar{padding:2rem}.calendar-nav{grid-template-columns:1fr 1fr}.previous-year{grid-row:1;grid-column:1}.next-year{grid-row:1;grid-column:2}.current-year{grid-row:2;grid-column:1/-1}.calendar-nav .nav-month,.year-nav{grid-template-columns:repeat(4,1fr)}.calen-table td div{padding:.8rem 0;line-height:1.8rem}.year-calendar{grid-template-columns:1fr}.year-month{padding:2rem}.calendar .day{font-size:1.5rem}}footer{padding:2rem;margin-top:3rem;background:#333;color:#eee;text-align:center;font-size:1.2rem}#tipMessage{position:fixed;top:4rem;left:0;right:0;display:flex;z-index:9990;transform:translateY(-200%);transition:transform 0.3s;justify-content:center}#tipMessage.show{transform:translateY(0)}#messages{padding:.8rem 2rem;border-radius:1rem;color:#fff;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08);pointer-events:all}