*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #F8F7F3;--card: #ffffff;--text: #111827;--sub: #6b7280;--line: rgba(0,0,0,.06);--green: #07c160;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08)}body{font-family:system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif;background:#e8e8e4;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100vh}.phone-frame{width:375px;height:780px;border-radius:44px;padding:10px;position:relative;box-shadow:0 24px 70px #0006,inset 0 0 0 2px #ffffff14;transition:background .3s;display:flex;flex-direction:column;background:var(--shell, #2a2a3d)}.phone-screen{flex:1;border-radius:36px;overflow:hidden;position:relative;background:var(--bg);display:flex;flex-direction:column}.notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:24px;background:#000;border-radius:14px;z-index:50}.status-bar{height:42px;padding:14px 24px 0;display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text);position:relative;z-index:40}.status-bar .time{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.status-right{display:flex;gap:6px;align-items:center}.battery-text{font-size:11px;font-weight:600;color:var(--text)}.battery-icon-container{display:flex;align-items:center}.battery-body{width:22px;height:11px;border:1.5px solid var(--text);border-radius:3px;position:relative;padding:1.5px}.battery-level{height:100%;width:80%;background:var(--green);border-radius:1.5px}.battery-tip{width:2px;height:5px;background:var(--text);border-radius:0 2px 2px 0}.lock-screen{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:64px 30px 40px;background:linear-gradient(to bottom,#3a3a6a,#1a1a2e 60%,#14142a);color:#fff;cursor:pointer;border-radius:36px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lock-screen:before{content:"";position:absolute;top:-30%;left:-20%;width:140%;height:70%;background:radial-gradient(ellipse,rgba(120,120,255,.25),transparent 60%)}.lock-time{text-align:center;position:relative}.lock-time .lock-hours{font-size:76px;font-weight:300;letter-spacing:-2px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.lock-time .lock-date{font-size:18px;font-weight:400;opacity:.9;margin-top:6px;text-shadow:0 1px 5px rgba(0,0,0,.3)}.lock-msgs{display:flex;flex-direction:column;gap:8px;position:relative}.lock-msg{background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 14px;border-radius:16px;font-size:12px;line-height:1.5;display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.15)}.lock-msg .avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.lock-bottom{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.lock-hint{font-size:14px;opacity:.8;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:lockHintPulse 2s ease-in-out infinite}@keyframes lockHintPulse{0%,to{opacity:.8}50%{opacity:.45}}.lock-unlock-bar{width:100%;height:60px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.unlock-slider{position:absolute;left:4px;top:4px;width:52px;height:52px;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center}.unlock-slider:before{content:"⬆";font-size:20px;color:#666}.desktop{flex:1;overflow-y:auto;padding:48px 14px 90px;position:relative;z-index:2}.desktop-wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.wall-default{background:linear-gradient(165deg,#fde8ef,#e3e9ff,#eaf6ec)}.wall-night{background:linear-gradient(165deg,#1c1c3a,#2d2d5e,#1a1a30)}.wall-sakura{background:linear-gradient(165deg,#ffe4ee,#ffd0e0,#fff5f8)}.wall-space{background:radial-gradient(ellipse at 30% 20%,#3a3a7a,#0b0b1e 70%)}.home-screen{position:relative;z-index:3}.home-widget{padding:14px 8px 18px;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.home-widget .widget-time{font-size:52px;font-weight:300;letter-spacing:-1px;font-variant-numeric:tabular-nums}.home-widget .widget-date{font-size:15px;font-weight:400;opacity:.9;margin-top:2px}.home-widget .widget-name{font-size:13px;opacity:.85;margin-top:8px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px;padding:10px 6px;position:relative;z-index:3}.app-icon{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:6px 2px;border-radius:16px;-webkit-user-select:none;user-select:none;transition:transform .12s}.app-icon:active{transform:scale(.8)}.icon-box{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #e0e0e0;box-shadow:0 1px 4px #0000000d;transition:all .3s ease}.icon-box .icon-line{color:#666}.icon-label{font-size:11px;font-weight:500;color:#333;letter-spacing:.3px;text-shadow:0 0 4px rgba(255,255,255,.6)}.wall-night .icon-label,.wall-space .icon-label{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}.app-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;border-radius:36px;overflow:hidden;animation:slideUp .22s cubic-bezier(.32,.72,.35,1)}@keyframes slideUp{0%{transform:translateY(36px);opacity:0}to{transform:none;opacity:1}}.app-header{height:50px;display:flex;align-items:center;padding:0 8px 0 12px;gap:6px;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font-weight:600;font-size:16px}.app-header .back{cursor:pointer;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--sub);transition:background .15s}.app-header .back:active{background:#0000000f}.app-header .title{flex:1}.app-body{flex:1;overflow-y:auto;padding:14px}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-item{display:flex;gap:12px;padding:13px 14px;border-radius:16px;cursor:pointer;align-items:center;background:var(--card);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform .1s}.chat-item:active{transform:scale(.98)}.chat-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;font-weight:600}.chat-item .info{flex:1;min-width:0}.chat-item .info .name{font-weight:600;font-size:15px}.chat-item .info .preview{font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-item .time{font-size:11px;color:var(--sub);flex-shrink:0}.msg-view{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px}.msg{display:flex;gap:8px;align-items:flex-end}.msg.user{flex-direction:row-reverse}.msg .bubble{max-width:74%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:var(--green);color:#fff;border-bottom-right-radius:6px;box-shadow:var(--shadow-sm)}.msg.ai .bubble{background:var(--card);color:var(--text);border-bottom-left-radius:6px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.msg .mini-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;font-weight:600}.typing-dots{display:inline-flex;gap:4px;padding:4px 2px}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--sub);animation:blink 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.msg-input{display:flex;gap:8px;padding:10px 12px 14px;background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.msg-input input{flex:1;border:none;outline:none;background:var(--bg);border-radius:22px;padding:11px 16px;font-size:14px}.msg-input .send{border:none;background:var(--green);color:#fff;border-radius:22px;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.msg-input .send:disabled{opacity:.45}.card{background:var(--card);border-radius:16px;padding:14px;margin-bottom:10px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.card h3{font-size:14px;margin-bottom:10px}.btn{border:none;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;background:var(--green);color:#fff;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45}.btn.ghost{background:#0000000d;color:var(--text)}.input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;outline:none;background:#fff;font-family:inherit}.input:focus{border-color:var(--green)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;background:#07c1601f;color:#059b4a}.boot{width:375px;height:780px;border-radius:44px;background:#0d0d16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.boot-logo{font-size:60px;animation:bootPop 1.2s ease}.boot-text{color:#fff;font-weight:700;letter-spacing:4px;font-size:17px;animation:bootFade 1.2s ease}.boot-sub{color:#fff6;font-size:11px;letter-spacing:2px;animation:bootFade 1.8s ease}@keyframes bootPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes bootFade{0%{opacity:0}60%{opacity:0}to{opacity:1}}