:root{--bg: #080a16;--soft: #101326;--ink: #f2f4ff;--muted: #a0a8c3;--line: #ffffff1c;--accent: #a1baff;color-scheme:dark}[data-theme=light]{--bg: #f5f6fb;--soft: #eceefa;--ink: #20233d;--muted: #616c86;--line: #cbd1e2;--accent: #5265bd;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #6494ff;outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:calc(100% - 112px);max-width:1328px;margin:auto}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--bg);transform:translateY(-150%);z-index:100}.skip-link:focus{transform:none}#app{position:relative;isolation:isolate;overflow:clip}.ambient{position:absolute;inset:0 0 auto;height:1400px;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 80% 15%,#395efc35,transparent 42%),radial-gradient(ellipse at 15% 48%,#a855f72a,transparent 44%)}.ambient:after{content:"";position:absolute;width:700px;height:700px;right:-280px;top:130px;border-radius:50%;background:#ff006e15;filter:blur(100px)}.header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px}.brand img{filter:brightness(0) invert(1)}.brand span{font-size:12px;border-left:1px solid var(--line);padding-left:15px;color:var(--muted)}nav{display:flex;gap:28px;font-size:12px}nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:24px}.theme{border:0;background:none;color:var(--muted);font-size:12px;padding:10px}.small-button{display:inline-block;background:#ffffff10;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:12px 23px;font-size:13px}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(35px,4.5vw,62px);line-height:1.2;letter-spacing:-2px;font-weight:600;margin-bottom:20px}h1{font-weight:650}h2 span{color:#868fac}h3{font-size:18px;line-height:1.4;font-weight:550;margin-bottom:10px}.hero{padding:65px 0 0}.hero-copy{margin-bottom:50px}.hero h1{margin:0}.hero h1 span{display:inline-block;white-space:nowrap;color:#b1caff;text-shadow:0 0 60px #6561ff40;font-size:clamp(14px,4.5vw,62px)}.intro{color:var(--muted);font-size:16px;margin:26px 0 32px;line-height:1.85}.platforms{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.platform{display:flex;align-items:center;gap:15px;min-width:165px;padding:17px 22px;background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;transition:transform .2s,border-color .2s}.platform:hover{transform:translateY(-3px);border-color:#a398ef}.platform>img{flex-shrink:0}.platform span{font-size:15px}.platform small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.preview-frame{overflow:hidden;border-radius:15px;box-shadow:0 0 90px #6571ff20,0 35px 90px #0009}.preview-frame img{width:100%}.free-layout{padding:125px 0 90px}.section-heading{margin-bottom:48px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.8;margin:24px 0 0}.demo-shell{padding:27px;border-radius:22px;border:1px solid #ffffff20;background:radial-gradient(ellipse at 10% 20%,#50569330,transparent 70%),#111526;box-shadow:0 20px 65px #0003;color:#eef2ff}.demo-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.demo-toolbar strong{font-size:15px;font-weight:500;display:block}.demo-toolbar span{font-size:11px;color:#9eaac8;display:block;margin-top:8px}.demo-toolbar button{background:#ffffff09;color:#c1cbed;border:1px solid #ffffff25;border-radius:7px;padding:10px 17px;font-size:11px;white-space:nowrap}.drag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.drag-cell{height:145px;border:1px dashed #ffffff24;border-radius:14px;background:#ffffff02;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;color:#f2f4ff;padding:0}.drag-cell.filled{touch-action:none;border-style:solid;border-color:#ffffff2d;cursor:grab;background:#242c49}.drag-cell.filled:active{cursor:grabbing}.drag-cell.selected,.drag-cell.drop-target{outline:2px solid #a495fc;outline-offset:3px}.drag-cell.dragging{opacity:.35}.drag-ghost{position:fixed;pointer-events:none;z-index:50;box-shadow:0 16px 40px #0008;transform:scale(1.035)}.demo-tile{display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.demo-tile b{font-size:36px;letter-spacing:-1px;font-weight:550}.demo-tile small{font-size:11px;color:#d9e4fa}.demo-tile img{width:54px;height:54px;border-radius:13px;object-fit:contain}.drag-cell[data-kind=weather]{background:#226bac}.drag-cell[data-kind=calendar]{background:#f4f1ed;color:#d75659}.drag-cell[data-kind=calendar] small{color:#6c717f}.drag-cell[data-kind=countdown]{background:#6660a6}.drag-cell[data-kind=todo]{background:#23756f}.demo-folder{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-radius:14px;background:#ffffff13}.demo-folder img{width:26px;height:26px;border-radius:6px}.empty-label{font-size:11px;color:#697594;pointer-events:none}.demo-status{font-size:11px;color:#9aa6c5;margin:20px 0 0;min-height:18px}.layout-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.layout-benefits p,.widget-descriptions p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.widget-section{padding:90px 0;background:radial-gradient(ellipse at 90% 50%,#47398626,transparent 60%),#0d1020;border-block:1px solid var(--line)}.widget-display{padding:35px 25px;border-radius:22px;border:1px solid #ffffff13;background:#171c2c}.widget-display img{width:100%}.widget-descriptions{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}.wallpaper-section{padding:110px 0 85px}.wallpaper-carousel{margin-top:45px}.wallpaper-viewport{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#121a2a;box-shadow:0 25px 80px #0004}.wallpaper-viewport>img{width:100%;aspect-ratio:16/9;object-fit:cover;touch-action:pan-y}.wallpaper-viewport>.wallpaper-incoming{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;pointer-events:none;opacity:0}.wallpaper-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff50;background:#10142480;color:#fff;border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1}.wallpaper-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wallpaper-arrow:hover{background:#354278d9}.wallpaper-arrow.prev{left:22px}.wallpaper-arrow.next{right:22px}.wallpaper-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:20px;color:var(--muted);font-size:12px}.wallpaper-status{min-width:80px;margin:0}.wallpaper-thumbs{display:flex;gap:12px;min-width:0;overflow-x:auto;padding:6px}.wallpaper-thumbs button{flex-shrink:0;background:transparent;padding:3px;border:1px solid var(--line);border-radius:10px;transition:border-color .25s,box-shadow .25s}.wallpaper-thumbs button[aria-pressed=true]{border-color:#b4a6ff;box-shadow:0 0 0 1px #b4a6ff}.wallpaper-thumbs img{width:95px;height:54px;object-fit:cover;border-radius:6px}.wallpaper-caption{display:flex;justify-content:center;gap:65px;color:var(--muted);font-size:12px;margin-top:35px}footer{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center}footer p{color:var(--muted);font-size:12px;margin:0}footer nav{gap:25px}footer small{grid-column:1/-1;font-size:10px;color:var(--muted)}.document-page{max-width:1000px;padding:65px 0 90px;min-height:65vh}.document-page h1{margin-bottom:40px}.document-page h2{font-size:26px;letter-spacing:-.5px}.document-page h4{font-weight:500;line-height:1.8}.document-page .section{margin-bottom:50px}.document-page p,.document-page li{color:var(--muted);line-height:2}.document-page ul,.document-page ol{padding-left:24px}.document-page .update-time{color:var(--muted);margin-bottom:25px;font-size:14px}.document-page p a,.text-link{color:var(--accent)}.not-found{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}[data-theme=light] .brand img{filter:none}[data-theme=light] .hero h1 span{color:#5265bd;text-shadow:none}[data-theme=light] h2 span{color:#737b96}[data-theme=light] .platform{background:#e8eaf7;border-color:#c5cde5}[data-theme=light] .widget-section{background:#eceefa}[data-theme=light] .widget-display{background:#e2e6f0}[data-theme=light] .preview-frame{box-shadow:0 20px 60px #34427525}@media(min-width:721px)and (max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:18px}.header-actions{gap:10px}.brand span{display:none}}@media(max-width:950px){.drag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:76px}.header nav,.brand span{display:none}.brand img{width:90px}.header-actions{gap:4px}.small-button{font-size:11px;padding:11px 14px}h1,h2{font-size:clamp(26px,7.2vw,35px);letter-spacing:-1.5px}.hero{padding-top:38px}.hero-copy{margin-bottom:30px}.intro{font-size:14px;margin:23px 0 26px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform{min-width:0;padding:15px 12px;gap:10px}.platform span{font-size:13px}.platform img{width:26px}.preview-frame{border-radius:10px}.free-layout{padding:65px 0 55px}.section-heading{margin-bottom:30px}.section-heading p{font-size:13px}.demo-shell{padding:16px;border-radius:14px}.demo-toolbar{align-items:start;gap:10px}.demo-toolbar span{line-height:1.7}.demo-toolbar strong{font-size:13px}.demo-toolbar button{padding:8px;font-size:10px}.drag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drag-cell{height:105px}.demo-tile img{width:40px;height:40px}.demo-tile b{font-size:25px}.demo-tile small{font-size:9px;line-height:1.5}.demo-folder{gap:5px;padding:7px}.demo-folder img{width:20px;height:20px}.layout-benefits{grid-template-columns:1fr;gap:23px}.widget-section{padding:60px 0}.widget-display{padding:20px 8px;border-radius:12px}.widget-descriptions{grid-template-columns:1fr 1fr;gap:25px 18px}.widget-descriptions h3{font-size:15px}.wallpaper-section{padding:65px 0 55px}.wallpaper-caption{gap:24px;font-size:10px}.wallpaper-viewport{border-radius:12px}.wallpaper-viewport>img{aspect-ratio:4/3}.wallpaper-arrow{width:34px;height:34px}.wallpaper-arrow.prev{left:10px}.wallpaper-arrow.next{right:10px}.wallpaper-controls{gap:12px;font-size:10px;flex-wrap:wrap}.wallpaper-controls>span{display:none}.wallpaper-thumbs{order:2;width:100%}.wallpaper-thumbs img{width:66px;height:40px}footer{grid-template-columns:1fr;gap:18px}footer small{line-height:1.6}.document-page{padding:40px 0 60px}.document-page h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}