:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#fff;background:#101116;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:100px;background:radial-gradient(ellipse at 65% 42%,#292b38 0,transparent 55%),#101116}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #72b9ff;outline-offset:3px}button:active{filter:brightness(.82)}[hidden]{display:none!important}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.intro{width:330px}.eyebrow{font-size:10px;letter-spacing:3px;color:#aeb4ca}.intro h1{font-size:52px;line-height:1.35;letter-spacing:-2px;font-weight:500;margin:28px 0}.intro p{color:#9296a6;font-size:15px;line-height:2}.guide{margin-top:40px;font-size:13px;color:#bbbfcf;line-height:3.2}.guide span{color:#687189;margin-right:18px;font-size:10px}.guide b{font-weight:500;letter-spacing:3px;color:#fff}.intro footer{font-size:10px;color:#656b7c;margin-top:65px;letter-spacing:1px}.device-stage{display:flex;flex-direction:column;align-items:center;padding:24px 0}.phone{width:393px;height:852px;border-radius:57px;border:9px solid #17181c;background:#000;position:relative;box-shadow:0 0 0 1px #565763,0 0 0 3px #22232a,12px 26px 70px #0009;flex-shrink:0}.screen{position:relative;width:100%;height:100%;border-radius:48px;overflow:hidden;isolation:isolate;background:#111}.side-button{position:absolute;background:linear-gradient(90deg,#31323a,#6a6b72,#282930);border-radius:3px;width:4px;z-index:1}.power{right:-13px;top:187px;height:86px;padding:0}.volume{left:-13px;height:54px}.volume.one{top:161px}.volume.two{top:228px}.wallpaper{position:absolute;inset:0;background:#192445 url("wallpaper.svg") center/cover}.statusbar{height:54px;position:absolute;top:0;left:0;width:100%;padding:16px 25px 0 29px;display:flex;justify-content:space-between;align-items:flex-start;z-index:50;pointer-events:none;font-size:15px;font-weight:650}.status-icons{display:flex;align-items:center;gap:7px;margin-top:2px}.status-icons svg{width:19px;height:15px;stroke-width:3}.signal{display:flex;gap:2px;align-items:flex-end;height:13px}.signal i{width:3px;border-radius:1px;background:#fff;height:5px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.battery{font-size:10px;line-height:15px;background:#46cc69;border-radius:4px;padding:0 3px;position:relative}.battery:after{content:"";position:absolute;right:-3px;top:4px;width:2px;height:7px;background:#ffffff80;border-radius:1px}.island{position:absolute;width:113px;height:31px;background:#000;left:50%;transform:translateX(-50%);top:10px;z-index:55;border-radius:20px;pointer-events:none}.island i{position:absolute;right:10px;top:11px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#153957,#080d14 65%)}.view{position:absolute;inset:0;z-index:3;animation:appear .28s ease}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);height:5px;width:132px;border-radius:5px;background:#fff;z-index:60;padding:0}.home-indicator:before{content:"";position:absolute;inset:-12px -20px}.desktop-hint{color:#7f8496;font-size:11px;letter-spacing:1px;margin:20px 0 0}.lock-view{touch-action:none;background:linear-gradient(#0002,transparent 45%,#0003)}.lock-heading{position:absolute;top:75px;width:100%;text-align:center;text-shadow:0 2px 16px #0002}.lock-symbol{display:block;margin:0 auto 17px;width:15px;height:12px;border-radius:3px;background:#e9f0ff;position:relative}.lock-symbol:before{content:"";position:absolute;width:9px;height:9px;left:3px;top:-7px;border:2px solid #e9f0ff;border-bottom:0;border-radius:8px 8px 0 0}.lock-heading #lock-date{font-size:20px;font-weight:500;color:#e7eeff}.lock-heading time{display:block;font-size:82px;font-weight:650;letter-spacing:-4px;line-height:1.15;color:#e7eeff}.notification{position:absolute;top:355px;left:15px;right:15px;display:flex;text-align:left;gap:10px;background:#d9e2f1bb;backdrop-filter:blur(25px);border-radius:22px;padding:14px;color:#151c2d;box-shadow:inset 0 1px #ffffff40}.mini-qq{width:36px;height:36px;align-self:center;flex-shrink:0;border-radius:9px;background:#fff}.mini-qq svg{width:100%;height:100%}.notification>span:last-child{flex:1;min-width:0}.notification b{display:block;font-size:11px;font-weight:600}.notification small{float:right;font-size:10px;font-weight:400;color:#576174}.notification strong{display:block;font-size:13px;margin:4px 0}.notification em{display:block;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-actions{position:absolute;bottom:65px;left:35px;right:35px;display:flex;justify-content:space-between}.lock-actions button{width:48px;height:48px;border-radius:50%;background:#141e3a55;backdrop-filter:blur(20px);font-size:32px;display:grid;place-items:center}.lock-actions svg{width:23px;height:23px;fill:#fff;stroke:#293553}.lock-actions .on{background:#fff;color:#111}.unlock-hint{position:absolute;bottom:25px;left:0;right:0;font-size:12px;text-align:center;padding:12px}.pin-view{background:#12234160;backdrop-filter:blur(28px);text-align:center;padding:110px 32px 35px}.pin-lock{margin-bottom:36px}.pin-view h2{font-weight:500;font-size:23px;margin:0 0 10px}.pin-view p{font-size:13px;margin:0;color:#e0e7f2}.pin-dots{display:flex;justify-content:center;gap:23px;margin:30px 0 45px}.pin-dots i{width:12px;height:12px;border:1px solid #fff;border-radius:50%}.pin-dots i.filled{background:#fff}.keypad{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;row-gap:20px}.keypad button{width:73px;height:73px;background:#ffffff22;border-radius:50%;font-size:32px;line-height:1;padding:9px 0}.keypad button small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.keypad button:last-child{grid-column:2}.pin-bottom{display:flex;justify-content:space-between;margin-top:45px;font-size:13px}.shake{animation:shake .35s}.home-view{padding:78px 22px 120px}.widgets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.widgets>button{height:148px;border-radius:23px;padding:14px 16px;text-align:left;position:relative}.calendar-widget{background:#f7f5f1;color:#16171a}.calendar-widget span{font-size:12px;color:#e54b45;display:block}.calendar-widget b{font-size:47px;font-weight:300;line-height:1.2}.calendar-widget small{display:block;font-size:10px;color:#8d8b88;margin-top:9px}.weather-widget{background:linear-gradient(#1266bc,#65a6dd);box-shadow:inset 0 1px #ffffff38}.weather-widget>span{display:block;font-size:14px}.weather-widget b{display:block;font-size:39px;font-weight:350;line-height:1.3}.weather-widget strong{display:block;font-size:11px;margin-top:7px;font-weight:500}.weather-widget small{font-size:9px;white-space:nowrap}.sun{position:absolute;right:17px;top:53px;width:24px;height:24px;border-radius:50%;background:#ffdf76;box-shadow:0 0 20px #ffd95d99}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px 15px}.app-button{padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;position:relative}.app-icon{width:60px;height:60px;border-radius:14px;overflow:hidden;box-shadow:0 4px 8px #0002;display:grid;place-items:center;position:relative}.app-icon svg{width:100%;height:100%;stroke:none}.app-label{font-size:11px;text-shadow:0 1px 5px #0008;white-space:nowrap}.app-badge{position:absolute;top:-5px;right:2px;background:#ff3b30;color:#fff;padding:2px 5px;border-radius:10px;min-width:19px;font-size:12px}.home-search{position:absolute;bottom:127px;left:50%;transform:translateX(-50%);background:#ffffff20;padding:5px 12px;border-radius:20px;font-size:11px;backdrop-filter:blur(15px)}.dock{position:absolute;bottom:26px;left:12px;right:12px;display:flex;justify-content:space-around;border-radius:30px;background:#ccd9f14a;backdrop-filter:blur(25px);padding:17px 9px}.dock .app-label{display:none}.qq-view,.members-view{background:#222325;padding-top:65px}.qq-profile{display:flex;align-items:center;gap:11px;padding:10px 18px 20px}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#d6d9e0}.avatar svg{width:100%;height:100%;stroke:none}.qq-profile .avatar{width:49px;height:49px;outline:1px solid #ffffff44}.qq-profile h2{font-size:22px;margin:0 0 5px;font-weight:550}.qq-profile p{margin:0;font-size:11px;color:#c7c7cc}.qq-profile p i{display:inline-block;width:7px;height:7px;background:#39d882;border-radius:50%;margin-right:3px}.qq-profile p span{color:#8b8d94;margin-left:9px}.qq-profile .icon-button{margin-left:auto}.icon-button{font-size:28px;padding:4px}.qq-search{margin:0 18px 15px;background:#353638;display:flex;justify-content:center;align-items:center;height:44px;border-radius:15px;color:#929398;gap:7px}.qq-search svg{height:20px;width:20px}.qq-search input{border:0;outline:none;width:72px;background:none;color:#eee;font-size:18px;transition:width .2s}.qq-search:focus-within input{width:230px}.conversation{display:flex;align-items:center;padding:15px 18px;width:100%;text-align:left;gap:13px}.group-avatar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:61px;height:61px;border-radius:50%;padding:5px;background:#e5e5ea;overflow:hidden;flex-shrink:0}.group-avatar svg{width:100%;height:100%;border-radius:3px;stroke:none}.conversation-copy{min-width:0;flex:1}.conversation h3{font-size:19px;font-weight:500;margin:0 0 8px}.conversation h3 span{color:#a6caff}.conversation-copy p{font-size:13px;color:#8d8d95;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-meta{height:49px;font-size:11px;color:#777980;display:flex;align-items:flex-end;flex-direction:column;gap:9px}.conversation-meta>span{background:#f6535d;color:white;border-radius:10px;padding:1px 5px}.qq-list-note{text-align:center;color:#53555c;font-size:11px;padding:30px}.qq-tabs{position:absolute;bottom:0;left:0;right:0;height:93px;display:flex;justify-content:space-around;border-top:1px solid #ffffff08;background:#1c1d20;padding-top:12px}.qq-tabs button{font-size:10px;color:#868991;display:flex;flex-direction:column;align-items:center;gap:6px;height:48px;width:70px}.qq-tabs svg{width:24px;height:24px}.qq-tabs .selected{color:#71b8ff}.qq-tabs .selected svg{fill:#71b8ff;stroke:#71b8ff}.qq-empty{text-align:center;font-size:13px;color:#85858e;padding:30px}.chat-view{background:#0e0e13;padding-top:54px;display:flex;flex-direction:column}.chat-header{height:60px;background:#19191c;display:flex;align-items:center;padding:0 13px 0 10px;gap:10px;flex-shrink:0;border-bottom:1px solid #ffffff08}.back-button{display:flex;align-items:center;padding:4px 0;gap:5px}.back-button svg{width:12px;height:24px;stroke-width:2}.back-button span{font-size:17px;background:#2b2b30;padding:4px 7px;border-radius:18px}.chat-header h2{font-size:19px;font-weight:500;flex:1;margin:0;white-space:nowrap}.chat-header h2 span{color:#afd5ff;font-size:20px}.chat-header .icon-button{font-size:24px}.messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 11px 14px;scrollbar-width:thin;scrollbar-color:#636369 transparent}.message{display:flex;align-items:flex-start;gap:9px;margin-bottom:21px}.message-body{max-width:calc(100% - 48px);min-width:0}.sender{font-size:12px;color:#86858c;display:flex;align-items:center;gap:5px;margin:0 0 7px;white-space:nowrap}.rank{background:#46a6a0;color:white;font-size:10px;border-radius:4px;padding:2px 4px}.rank.owner{background:linear-gradient(#ffc12b,#f39a05)}.bubble{background:#27282c;color:#ededf2;border-radius:13px;padding:11px 12px;font-size:15px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;width:fit-content;max-width:100%}.message.me{flex-direction:row-reverse}.message.me .sender{justify-content:flex-end}.message.me .bubble{margin-left:auto;background:#314d72}.time-divider{text-align:center;color:#72727a;font-size:12px;margin:5px 0 24px}.system-message{text-align:center;color:#686973;font-size:10px;margin:10px 0 20px;line-height:1.8}.sticker{font-size:17px;color:#17171b;background:#fff;border:3px solid #d4e8ff;box-shadow:0 0 0 2px #273047;border-radius:17px;padding:8px 12px;transform:rotate(-2deg);margin:4px 0;max-width:100%;width:fit-content}.invoice{background:#f9fafa;border-radius:14px;overflow:hidden;color:#303943;width:180px;font-size:9px}.invoice h4{margin:0;padding:17px 10px;background:linear-gradient(120deg,#edfcfa,#caeee7);font-size:12px}.invoice-row{padding:12px 9px;border-bottom:1px solid #eef0f2;display:flex;justify-content:space-between;gap:10px}.invoice-row small{display:block;color:#91989c;margin-top:5px;font-size:8px}.invoice-row b{white-space:nowrap}.invoice-foot{background:#edf2f7;padding:10px;display:flex;justify-content:space-between;font-size:9px}.invoice-foot b{color:#1685f4}.composer{background:#1b1b1e;flex-shrink:0;padding:10px 14px 36px;border-top:1px solid #ffffff06}.input-row{display:flex;gap:8px}.input-row input{width:100%;min-width:0;background:#27282b;border:0;border-radius:12px;color:#fff;height:42px;padding:0 12px;outline:0;font-size:16px}.input-row input:focus{box-shadow:inset 0 0 0 1px #557ba5}.input-row>button{background:#408cdf;border-radius:10px;font-size:12px;padding:0 12px;flex-shrink:0}.composer-tools{display:flex;justify-content:space-between;padding-top:13px;align-items:center}.composer-tools button{width:33px;height:30px;padding:1px;font-size:31px;line-height:1;color:#dedee3}.composer-tools svg{width:27px;height:27px}.jump-bottom{position:absolute;right:12px;bottom:165px;width:33px;height:33px;background:#76767cc9;border-radius:50%;font-size:30px;line-height:25px;padding:0}.simple-header{display:flex;align-items:center;justify-content:center;position:relative;height:54px;border-bottom:1px solid #ffffff0a}.simple-header h2{font-size:17px;margin:0;font-weight:550}.simple-header button{position:absolute;left:12px;font-size:36px;top:1px}.group-info{text-align:center;padding:22px}.group-info .group-avatar{margin:auto;width:76px;height:76px}.group-info h2{font-size:21px;margin:13px 0 6px}.group-info p{font-size:12px;color:#85858f;margin:0}.member-section,.group-notice{background:#2a2b2f;margin:10px 14px;padding:16px;border-radius:16px}.member-section h3,.group-notice h3{font-size:14px;margin:0 0 20px;font-weight:500}.member-section h3 span{float:right;color:#888b94;font-size:12px}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px 8px}.member-item{text-align:center;min-width:0}.member-item .avatar{margin:0 auto 8px;width:43px;height:43px}.member-item span{font-size:10px;display:block;color:#babbc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-notice p{font-size:12px;line-height:1.9;color:#9d9fa9;margin:0}.preview-view{background:#f4f4f8;color:#16171d;padding-top:58px}.screen.light-status .statusbar{color:#15171c}.screen.light-status .signal i{background:#15171c}.screen.light-status .home-indicator{background:#15171c}.preview-content{text-align:center;padding:90px 25px}.preview-content .large-icon{width:85px;height:85px;margin:auto;border-radius:22px;overflow:hidden}.preview-content h3{font-size:25px;margin:25px 0 13px}.preview-content p{color:#868893;font-size:14px;line-height:1.9}.preview-note{display:block;text-align:left;background:#fff2d3;width:100%;min-height:220px;border:0;padding:20px;font:16px/1.9 inherit;border-radius:15px;resize:vertical}.toast{position:absolute;bottom:185px;left:50%;transform:translateX(-50%) translateY(10px);max-width:90%;width:max-content;background:#333640ed;backdrop-filter:blur(10px);color:#fff;border-radius:15px;padding:12px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:80;text-align:center}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes appear{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes shake{25%,75%{transform:translateX(-9px)}50%{transform:translateX(9px)}}@media(min-width:701px) and (max-height:940px){.phone{zoom:.86}.intro h1{font-size:46px}.intro footer{margin-top:40px}}@media(min-width:701px) and (max-height:780px){.phone{zoom:.75}}@media(max-width:1000px){body{gap:45px}.intro{width:270px}.intro h1{font-size:43px}}@media(max-width:700px){body{display:block;background:#111;overflow:hidden}.intro,.desktop-hint{display:none}.device-stage{padding:0;display:block}.phone{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.screen{border-radius:0}.side-button{display:none}.statusbar{padding-top:max(16px,env(safe-area-inset-top));height:54px}.home-view{padding-left:max(22px,calc((100vw - 360px)/2));padding-right:max(22px,calc((100vw - 360px)/2))}.widgets{margin-bottom:25px}.app-grid{row-gap:22px}.pin-view{padding-top:calc(54px + 7dvh)}.pin-dots{margin:25px 0 30px}.keypad{row-gap:15px}.pin-bottom{margin-top:25px}.lock-heading{top:90px}.notification{top:43%}.home-indicator{bottom:max(9px,env(safe-area-inset-bottom))}.composer{padding-bottom:max(36px,env(safe-area-inset-bottom))}.home-view{padding-top:75px}.dock{bottom:max(26px,calc(env(safe-area-inset-bottom) + 15px))}}@media(max-width:700px) and (max-height:720px){.widgets>button{height:118px}.widgets{margin-bottom:18px}.calendar-widget b{font-size:36px}.calendar-widget small{margin-top:3px}.weather-widget b{font-size:30px}.weather-widget strong{margin-top:0}.sun{top:42px;width:20px;height:20px}.app-grid{row-gap:14px}.app-icon{width:52px;height:52px}.pin-view{padding-top:74px}.pin-lock{margin-bottom:20px}.keypad button{width:64px;height:64px}.pin-dots{margin:20px 0}.pin-bottom{margin-top:20px}.lock-heading time{font-size:74px}}