:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text-primary);background:var(--neutral-bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input{font:inherit}body{min-height:100vh;display:grid;place-items:center;overflow:hidden}.beauty-phone{position:relative;width:min(100vw,calc(100vh * 393 / 852),393px);aspect-ratio:393/852;overflow:hidden;background:var(--neutral-surface-raised);box-shadow:0 24px 70px #0002}.beauty-phone header{height:calc(67px + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.beauty-phone header h1{font-size:20px}.beauty-phone header a{position:absolute;left:22px;color:var(--text-primary);font:40px Arial;text-decoration:none}.beauty-phone header button{position:absolute;right:18px;border:0;background:transparent;color:var(--text-secondary)}.beauty-content{position:absolute;inset:calc(67px + var(--safe-top)) 0 0;overflow:auto;padding:18px 20px calc(35px + var(--safe-bottom))}.screen-preview{position:relative;width:176px;aspect-ratio:393/852;margin:0 auto 22px;overflow:hidden;border:5px solid var(--text-primary);border-radius:22px;background:var(--neutral-surface) center/cover;box-shadow:0 12px 24px #0002}.mini-clock{margin-top:35px;text-align:center;font-size:26px;font-weight:800}.mini-clock small{display:block;margin-top:5px;font-size:7px}.mini-apps{position:absolute;top:48%;left:16px;right:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px 9px}.mini-apps div{min-width:0;display:grid;justify-items:center;gap:3px}.mini-apps i{display:block;width:30px;height:30px;border-radius:8px;background:#fff9;box-shadow:0 3px 8px #0001;opacity:var(--preview-icon-opacity,1)}.mini-apps span{width:40px;overflow:hidden;color:var(--preview-label-color,#fff);font-size:clamp(5px,calc(var(--preview-label-size,13px) * .48),10px);line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0008}.beauty-content h2{margin:18px 0 10px;font-size:15px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-options button{height:72px;border:1px solid var(--border);border-radius:8px;background:var(--neutral-surface-raised);color:var(--text-secondary)}.theme-options button.active{border:2px solid var(--text-primary);color:var(--text-primary);font-weight:700}.theme-options i{width:24px;height:24px;margin:0 auto 7px;display:block;border-radius:50%}.day{background:#E7F0EA}.night{background:#1C1B19}.soft{background:#F5E9E5}.gray{background:linear-gradient(135deg,#ECEEF0,#99A0A8)}.blue{background:linear-gradient(135deg,#EBF1F8,#82A8CC)}.purple{background:linear-gradient(135deg,#F2ECF7,#AC91C8)}.beauty-field{display:block}.beauty-hint{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:var(--neutral-surface-raised);color:var(--text-secondary);font-size:12px;line-height:1.5}.beauty-hint a{color:var(--accent);font-weight:700;text-decoration:none}.beauty-field input,.upload-button{width:100%;height:44px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--neutral-surface-raised);font:inherit;color:var(--text-primary)}.upload-button{margin-top:9px;display:grid;place-items:center;color:var(--text-secondary)}.range-editor{display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--neutral-surface-raised);color:var(--text-secondary);font-size:14px}.range-editor output,.color-editor output{color:var(--text-secondary);font-size:12px}.range-editor input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.color-editor{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.color-editor input[type=color]{width:48px;height:44px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--neutral-surface-raised)}.color-editor input[type=text]{height:44px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--neutral-surface-raised);color:var(--text-primary)}.color-editor input[type=range]{grid-column:1/2;width:100%;accent-color:var(--accent)}.color-editor output{grid-column:2;text-align:right}.text-color-editor{grid-template-columns:auto 48px 1fr;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--neutral-surface-raised)}.text-color-editor label{color:var(--text-secondary);font-size:14px}.color-editor input.invalid{border-color:#c74747}.save-beauty{width:100%;height:46px;margin-top:22px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:700}.beauty-toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:8px 13px;border-radius:7px;color:#fff;background:var(--text-primary);opacity:0;transition:.2s}.beauty-toast.show{opacity:1}@media(max-width:480px){body{background:var(--neutral-surface-raised)}.beauty-phone{width:100vw;height:100vh;aspect-ratio:auto;box-shadow:none}}