:root{--page-scale: 1;--digit-height: 400px;--digit-width: 220px;--digit-font-size: 340px;--digit-radius: 14px;--panel-bg: rgba(255, 255, 255, .88);--panel-border: rgba(255, 255, 255, .34);--ink: #171717;--ink-muted: #474747;--shadow: 0 24px 70px rgba(0, 0, 0, .28);font-family:HarmonyOS Sans SC,Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:#111;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}.wallpaper{width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;isolation:isolate;background-color:#161616;background-image:var(--wallpaper-image);background-position:center;background-size:cover}.wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000047}.clock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;transform:scale(var(--page-scale));transform-origin:center}.info-header,.clock-main,.greeting,.quote-shell{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.info-header{display:flex;align-items:center;justify-content:center;gap:40px;min-height:86px;padding:16px 44px;border-radius:50px;cursor:default;outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .18s ease,transform .18s ease}.info-header:focus-visible{box-shadow:var(--shadow),0 0 0 3px #ffffffb3}.info-header:active{transform:scale(.99)}.date-label{font-size:38px;font-weight:600;letter-spacing:10px;white-space:nowrap}.weather-info{display:flex;align-items:center;gap:18px;min-width:244px;color:var(--ink-muted);font-size:24px;font-weight:600;letter-spacing:3px}.weather-icon{width:48px;height:48px;flex:0 0 auto;fill:none;stroke:#2e2e2e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.clock-main{display:flex;align-items:center;gap:5px;padding:28px 36px;border-radius:28px}.digit-group{display:flex;gap:3px}.digit-container{width:var(--digit-width);height:var(--digit-height);overflow:hidden;flex:0 0 auto;position:relative;border-radius:var(--digit-radius)}.digit-strip{position:absolute;inset:0 auto auto 0;width:100%;display:flex;flex-direction:column;align-items:center;will-change:transform}.digit{display:block;width:100%;height:var(--digit-height);line-height:var(--digit-height);color:var(--ink);font-size:var(--digit-font-size);font-weight:900;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums}.time-separator{flex:0 0 auto;margin:0 12px;padding:0 10px 20px;color:var(--ink);font-size:100px;font-weight:900;line-height:1}.footer-content{width:min(980px,86vw);display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}.greeting{max-width:100%;padding:14px 60px;border-radius:50px;font-size:34px;font-weight:600;letter-spacing:8px;white-space:nowrap}.quote-shell{width:100%;min-height:94px;padding:20px 58px 18px 28px;position:relative;border-radius:20px}.quote-text{margin:0;color:#242424;font-size:24px;font-weight:500;line-height:1.75;letter-spacing:1px;overflow-wrap:anywhere;transition:opacity .18s ease}.quote-source{margin-top:10px;color:#3a3a3a;font-size:22px;font-weight:600;letter-spacing:3px;transition:opacity .18s ease}.quote-shell.loading .quote-text,.quote-shell.loading .quote-source{opacity:.45}.quote-refresh-btn{width:40px;height:40px;position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#333;background:#ffffffbd;cursor:pointer;outline:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.quote-refresh-btn:hover{background:#fffffff5;box-shadow:0 6px 18px #00000024;transform:scale(1.05)}.quote-refresh-btn:focus-visible{box-shadow:0 0 0 3px #0000003d}.quote-refresh-btn:active{transform:scale(.94)}.quote-refresh-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quote-refresh-btn.is-spinning svg{animation:spin .7s linear infinite}.settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000061;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.settings-panel{position:fixed;left:50%;top:50%;z-index:11;width:min(520px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:#ffffffeb;box-shadow:0 28px 80px #00000052;color:var(--ink)}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.settings-heading{min-width:0;display:flex;flex-direction:column;gap:3px}.settings-title{margin:0;font-size:24px;font-weight:800;letter-spacing:0}.settings-subtitle{margin:0;color:var(--ink-muted);font-size:13px;line-height:1.4}.settings-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#252525;background:#ffffffad;cursor:pointer}.settings-icon-btn:hover{background:#fff}.settings-icon-btn:focus-visible,.settings-action-btn:focus-visible{outline:3px solid rgba(0,0,0,.22);outline-offset:2px}.settings-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.settings-list{display:grid;gap:10px}.settings-block{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#ffffff80}.settings-block-head{min-width:0;display:grid;gap:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:14px 16px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#ffffff80}.settings-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.settings-label{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:750;line-height:1.25}.settings-label svg{width:17px;height:17px;flex:0 0 auto;color:#2f2f2f;fill:none;stroke-width:2.1}.settings-description{color:var(--ink-muted);font-size:13px;line-height:1.45}.settings-value{max-width:45%;color:#262626;font-size:15px;font-weight:700;text-align:right;overflow-wrap:anywhere}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.settings-action-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;color:#191919;background:#ffffffb3;font-size:14px;font-weight:750;cursor:pointer}.settings-action-btn:disabled{cursor:default;opacity:.58}.settings-action-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}.settings-action-btn:hover{background:#fff}.settings-inline-form{display:grid;grid-template-columns:minmax(0,1fr) 112px auto;gap:8px}.settings-text-input,.settings-select{min-width:0;height:38px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;color:var(--ink);background:#ffffffb8;outline:none}.settings-select{cursor:pointer}.settings-text-input:focus,.settings-select:focus{border-color:#00000042;box-shadow:0 0 0 3px #0000001a}.scale-control{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:12px}.scale-slider{width:100%;min-width:0;accent-color:#202020;cursor:pointer}.scale-number{min-width:0;height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#ffffffb8;color:#202020;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.scale-number input{width:100%;min-width:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:0;color:inherit;background:transparent;font:inherit;text-align:right;outline:none}.scale-number input::-webkit-outer-spin-button,.scale-number input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scale-number span{font-variant-numeric:tabular-nums}.settings-number-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--ink-muted);font-size:13px;font-weight:700}.source-chip-list{min-height:30px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.source-chip{max-width:100%;min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:4px 5px 4px 11px;border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#202020;background:#ffffffb8}.source-chip span{min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-chip select{height:26px;border:0;border-radius:999px;color:#202020;background:#00000012;font-size:12px;font-weight:760;outline:none;cursor:pointer}.source-chip button{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:#5a5a5a;background:transparent;cursor:pointer}.source-chip svg{width:14px;height:14px;flex:0 0 auto}.settings-empty-text,.settings-error{color:var(--ink-muted);font-size:13px;line-height:1.45}.settings-error{color:#8a1f11}.settings-segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#00000014}.settings-segmented button{min-height:34px;border:0;border-radius:9px;color:#333;background:transparent;font-size:14px;font-weight:760;cursor:pointer}.settings-segmented button.active{color:#111;background:#ffffffdb;box-shadow:0 2px 10px #00000014}.location-current{display:flex;justify-content:space-between;gap:12px;color:var(--ink-muted);font-size:13px;line-height:1.45}.location-current strong{max-width:62%;color:#242424;font-size:13px;text-align:right;overflow-wrap:anywhere}.location-results{display:grid;gap:7px}.location-result{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:#222;background:#ffffff9e;cursor:pointer;text-align:left}.location-result:hover,.source-chip:hover,.source-chip button:hover{background:#fff}.location-result span{min-width:0;font-size:14px;font-weight:760;overflow-wrap:anywhere}.location-result small{flex:0 0 auto;color:var(--ink-muted);font-size:12px}@keyframes fade-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(.68)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1280px){:root{--digit-height: 220px;--digit-width: 140px;--digit-font-size: 180px;--digit-radius: 10px}.clock-container{gap:20px}.clock-main{padding:18px 24px;border-radius:20px}.time-separator{margin:0 6px;padding:0 6px 12px;font-size:60px}.info-header{min-height:66px;padding:12px 28px;gap:24px}.date-label{font-size:26px;letter-spacing:6px}.weather-info{min-width:196px;font-size:18px}.weather-icon{width:40px;height:40px}.greeting{padding:10px 36px;font-size:22px;letter-spacing:4px}.quote-shell{padding:18px 50px 16px 24px}.quote-source{font-size:17px;letter-spacing:2px}}@media (max-width: 960px){:root{--digit-height: 140px;--digit-width: 88px;--digit-font-size: 112px;--digit-radius: 8px}.wallpaper{padding:18px}.clock-container{width:100%;gap:12px}.clock-main{max-width:100%;padding:12px 14px;border-radius:16px;gap:2px}.info-header{width:min(520px,100%);min-height:0;flex-direction:column;gap:10px;padding:12px 20px;border-radius:30px}.date-label{font-size:20px;letter-spacing:5px}.weather-info{justify-content:center;min-width:0;font-size:16px;letter-spacing:2px}.weather-icon{width:32px;height:32px}.time-separator{margin:0 3px;padding:0 4px 8px;font-size:38px}.footer-content{width:min(520px,100%)}.greeting{max-width:100%;padding:8px 24px;border-radius:30px;font-size:16px;letter-spacing:3px;white-space:normal}.quote-shell{min-height:60px;padding:14px 44px 12px 18px;border-radius:14px}.quote-text{font-size:15px;letter-spacing:.6px}.quote-source{font-size:13px;letter-spacing:2px}.quote-refresh-btn{width:32px;height:32px;right:10px;bottom:10px}.quote-refresh-btn svg{width:16px;height:16px}.settings-layer{padding:14px}.settings-panel{max-height:calc(100vh - 28px);padding:18px;border-radius:14px}.settings-title{font-size:20px}.settings-row{align-items:flex-start;min-height:0;flex-direction:column;gap:10px}.settings-value{max-width:100%;text-align:left}.settings-actions{flex-direction:column}.settings-action-btn{width:100%}.settings-inline-form{grid-template-columns:minmax(0,1fr) 96px 42px}.settings-inline-form .settings-action-btn{width:42px;padding:0}.location-current,.location-result{align-items:flex-start;flex-direction:column;gap:4px}.location-result small{flex:0 1 auto}.location-current strong{max-width:100%;text-align:left}}@media (max-width: 560px){:root{--digit-height: 86px;--digit-width: 53px;--digit-font-size: 70px;--digit-radius: 7px}.wallpaper{padding:12px}.clock-main{padding:10px}.time-separator{margin:0 1px;padding:0 2px 5px;font-size:28px}}