:root{font-family:Arial,"Microsoft YaHei UI","PingFang SC",sans-serif;color:#fff;--size:60px;--gap:30px;--rail:50px;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100vh;min-height:100dvh;background:#101824 url(/media/wallpaper.webp) center/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:#0002;pointer-events:none}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #83c8ff;outline-offset:4px}
.rail{position:fixed;inset:0 auto 0 0;z-index:3;width:var(--rail);background:#080a0c75;display:flex;flex-direction:column;align-items:stretch;overflow:auto}
.rail button{border:0;color:#fffa;background:none;min-height:50px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;padding:4px 1px}
.rail button:hover,.rail button.active{background:#ffffff2f;color:#fff}.rail button .rail-icon{font-size:21px;line-height:23px}.rail-profile{margin:34px 0 43px}.rail-profile img{width:30px;height:30px;border-radius:50%}.rail-foot{margin-top:auto;padding-bottom:10px}.rail-foot button{min-height:42px;font-size:22px}.rail nav{min-width:0}.rail nav button span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{padding:0 15px 20px;min-height:780px}.hero{padding-top:58px;text-align:center;text-shadow:0 1px 5px #0004}.hero time{display:block;font-size:72px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.hero #date{font-size:14px;margin-top:2px}
#search{width:min(600px,100%);height:46px;margin:31px auto 38px;display:flex;align-items:center;padding:0 12px 0 15px;border-radius:30px;background:#f0f5f28f;backdrop-filter:blur(12px);color:#26363c;text-shadow:none}#search:focus-within{background:#eff4f5e8}
#search button{display:flex;align-items:center;gap:3px;color:#26363c;background:none;border:0;padding:0}#search button img{width:22px;height:22px}#search button span{font-size:18px;font-weight:bold;color:#4285f4}#search svg{width:22px;height:22px}#search input{flex:1;min-width:0;border:0;background:none;outline:none;color:#1d2a30;padding:0 5px;font-size:13px}#search input::placeholder{color:#344248}
.board{display:grid;grid-template-columns:repeat(14,var(--size));grid-auto-rows:var(--size);gap:var(--gap);width:max-content;max-width:100%;margin:auto}.tile{min-width:0;min-height:0;position:relative;display:block;border:0;padding:0;background:none;color:white;text-decoration:none}.tile.is-action{cursor:pointer}.tile-face{position:absolute;inset:0;overflow:hidden;border-radius:18px}.tile:hover .tile-face{filter:brightness(1.07)}.tile-name{position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;text-shadow:0 1px 4px #000,0 1px 8px #000}.tile-face>img{display:block;width:100%;height:100%;object-fit:contain}.tile-face.letter{display:grid;place-items:center;background:#3d75e2;font-size:26px;font-weight:700}.tile-face.letter img{position:absolute;inset:0;background:#fff}
.tile-edit{position:absolute;right:-7px;top:-7px;z-index:2;border:0;border-radius:50%;background:#101622;color:#fff;width:24px;height:24px;display:none}.tile:hover .tile-edit,.tile:focus-within .tile-edit{display:block}
.weather{background:#264c71 url(/media/rain.webp) center/cover;color:#fff;padding:12px;display:flex;flex-direction:column;text-shadow:0 1px 3px #0009}.weather small{font-size:12px}.weather b{font-size:27px}.weather .weather-end{margin-top:auto;line-height:1.4}.weather .weather-icon{position:absolute;right:12px;top:30px;width:23px;height:23px}
.calendar,.note,.countdown,.tools{background:#fff;color:#222}.widget-title{display:block;text-align:center;padding:8px 4px;color:#fff;font-size:16px;background:#ff5059}.calendar{text-align:center}.calendar strong{font-size:54px;line-height:1.1;display:block;margin-top:7px}.calendar small{display:block;color:#777;font-size:12px}.calendar .lunar{color:#333;margin-top:3px}
.trends{background:#282932d9;padding:10px 12px;color:#fff;text-align:left}.trend-tabs{display:flex;gap:6px;align-items:center}.trend-tabs button{background:none;color:inherit;border:0;font-weight:650;font-size:12px;padding:2px 4px;border-radius:4px}.trend-tabs button.active{background:#ffffff36}.trends ol{margin:5px 0 0;padding-left:19px;height:106px;overflow:auto;scrollbar-width:none;font-size:12px}.trends li{padding:5px 0;line-height:1.2}.trends a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:inherit;text-decoration:none}.trends a:hover{text-decoration:underline}
.anniversary{background:#060d16 url(/media/moon.webp) center/cover;padding:15px 12px;display:grid;align-content:space-around;font-size:12px}.anniversary span{display:flex;align-items:center;justify-content:space-between}.anniversary b{font-size:19px}
.tools{padding:10px;font-size:12px}.tools strong{display:block;margin:1px 0 8px}.tools .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tools a{color:#30374a;text-decoration:none;background:#f4f6ff;text-align:center;border-radius:8px;font-size:10px;padding:4px 0}.tools i{display:block;font-style:normal;font-size:20px;color:#6877fa}
.note .widget-title{background:#ffb100}.note textarea{resize:none;border:0;outline:none;color:#222;background:#fff;width:100%;height:108px;font-size:12px;padding:8px;line-height:1.5}
.movie{background:#342a1c url(/media/movie.avif) center/cover;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;font-size:12px;text-shadow:0 1px 4px #000}.movie div{padding:24px 10px 9px;background:linear-gradient(transparent,#000b)}.movie b{display:block}
.countdown{padding:12px;color:#636363}.countdown .work-clock{font-size:33px;line-height:1.05;font-weight:bold;font-variant-numeric:tabular-nums}.countdown img{position:absolute;inset:auto 9px 12px auto;width:95px;height:115px;object-fit:contain}.countdown .countdown-info{display:flex;gap:4px;margin-top:7px}.countdown .countdown-info span{background:#eee;padding:4px;border-radius:4px;font-size:10px;text-align:center;min-width:38px}.countdown .countdown-info strong{display:block}
.folder{background:#e9edf796;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:7px;padding:13px}.folder a img{width:100%;display:block;border-radius:14px}
.wallpaper-button{position:fixed;right:28px;top:15px;color:#fffa;background:none;border:0;font-size:28px;z-index:2}
footer{text-align:center;font-size:12px;line-height:1.45;margin:0 0 18px;text-shadow:0 1px 5px #000}footer span{opacity:.65}
dialog{color:#202a38;background:#fff;color-scheme:light;width:min(460px,calc(100% - 28px));border:0;border-radius:16px;padding:22px;box-shadow:0 18px 90px #0006}dialog::backdrop{background:#0b14267a;backdrop-filter:blur(3px)}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}dialog h2{font-size:20px;margin:0}dialog header button{background:#edf1f6;border:0;border-radius:8px;font-size:20px}dialog label{display:grid;gap:5px;margin:12px 0;font-size:13px}dialog input,dialog select{min-width:0;width:100%;border:1px solid #bcc9da;background:#fff;border-radius:8px;padding:9px;color:inherit}dialog #message{color:#9f2437;font-size:13px}#modalActions{display:flex;justify-content:flex-end;gap:8px}#modalActions button{background:#eaf0fb;color:#183760;border:0;border-radius:8px;padding:9px 13px}#modalActions button[type=submit]{background:#2968d8;color:white}
@media(max-width:1280px){main{padding-left:calc(var(--rail) + 12px)}.board{width:100%;grid-template-columns:repeat(auto-fit,minmax(59px,1fr));grid-auto-flow:dense;gap:24px 12px}.tile{grid-row:auto/span var(--h)!important;grid-column:auto/span var(--w)!important}}
@media(max-width:760px){:root{--rail:42px;--size:54px}.rail-profile{margin:18px 0 15px}.rail button{min-height:43px;font-size:10px}.rail button .rail-icon{font-size:17px}.hero{padding-top:48px}.hero time{font-size:55px}#search{margin:22px 0 26px;height:42px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 8px}.tile-face{border-radius:13px}.tile-name{font-size:10px}.wallpaper-button{right:10px}.countdown img{width:78px}.anniversary{padding:7px;font-size:10px}.anniversary b{font-size:13px}.tools{padding:6px}.tools strong{font-size:11px}}
@media (hover:none){.tile-edit{display:block}}
.trends li{position:relative;padding-right:47px}.trends li>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{position:absolute;right:0;top:5px;color:#ffffffa0;font-size:11px}
.tile > .tile-face{width:100%;height:100%;border:0;padding:0;color:inherit;background-color:transparent}.tile-face.letter:has(img[src^="/media/"]) img{background:transparent}
.wallpaper-preview{display:block;width:100%;height:100%;background:url(/media/wallpaper.webp) center/cover;opacity:.72}
.movie a{color:#fff}.widget-options{border:1px solid #ccd5e1;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.widget-options label{display:flex;align-items:center;margin:3px;gap:5px}.widget-options input{width:auto}
@media(min-height:820px) and (min-width:1281px){main{min-height:calc(100vh - 42px)}}
@media(max-width:410px){.trend-tabs{gap:2px}.trend-tabs button{padding-inline:2px;font-size:11px}.board{grid-template-columns:repeat(4,minmax(0,1fr))}.countdown .work-clock{font-size:28px}}

.tile-face.letter[data-icon="taobao"]{background:#ff5800}.tile-face.letter[data-icon="jd"]{background:#ff0030}
.tile-face.letter[data-icon="baidu"]{background:#3164ff}.tile-face.letter[data-icon="tmall"]{background:#ff0138}
.tile-face.letter[data-icon="red"]{background:#ff254c}.tile-face.letter[data-icon="gaoding"]{background:#1358fa}
.tile-face.letter[data-icon="ctrip"]{background:#2487e7}.tile-face.letter[data-icon="pdf"]{background:#0870ea}
.tile-face.letter[data-icon="pdf"] img{object-fit:cover}
.tile-face:has(>img[src="/media/extensions.svg"]){background:#9d9fa2}
.tile-face:has(>img[src="/media/guide.svg"]){background:#ffbc00}
.tile-face:has(>img[src="/media/history.svg"]){background:#009dd2}
.tile-face:has(>img[src="/media/settings.svg"]),.tile-face:has(>img[src="/media/add.svg"]){background:#fff}
.folder a{border-radius:13px}.folder a:has(img[src="/media/itab.svg"]){background:#1583f6}
.folder a:has(img[src="/media/bili.svg"]){background:#ff63a4}.folder a:has(img[src="/media/iqiyi.svg"]){background:#06bf57}
.tile-name{left:-12px;right:-12px}
.rail nav button{min-height:55px}