:root{color-scheme:dark;--bg:#090e1b;--panel:rgba(29,38,57,.62);--line:rgba(175,201,237,.12);--muted:#8e9ab1;--text:#eff5ff;--cyan:#64fce0;--purple:#ba9bff;--pink:#fc85ca;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#080c15;color:var(--text);font:14px var(--font);min-height:100vh;display:flex;align-items:center;justify-content:center;gap:95px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#8293c805 1px,transparent 1px),linear-gradient(90deg,#8293c805 1px,transparent 1px);background-size:64px 64px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:active{transform:translateY(1px)}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.12}.ambient-one{width:480px;height:600px;background:#4d28cf;right:14%;top:5%}.ambient-two{width:480px;height:300px;background:#188f89;left:-10%;bottom:-10%}.presentation{position:relative;width:410px;flex-shrink:0;padding:35px 0}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:58px}.edition{font:10px monospace;letter-spacing:2px;color:#8d9fb6;display:flex;align-items:center;gap:9px}.tiny-light{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);display:inline-block}.design-name{font-size:17px;letter-spacing:4px;margin-top:22px}.design-name span{border-left:1px solid #536074;padding-left:16px;margin-left:15px;font-weight:300}.outline-word{font:800 65px/.96 Arial,sans-serif;letter-spacing:-2.5px;margin:30px 0 22px;color:transparent;-webkit-text-stroke:1px #8b9aa754}.outline-word:first-line{-webkit-text-stroke:1px #a5c8c985}.design-copy{font-size:25px;line-height:1.6;letter-spacing:2px;font-weight:300}.swatches{display:flex;align-items:center;gap:7px;margin-top:27px}.swatches i{width:17px;height:5px;background:var(--cyan)}.swatches i:nth-child(2){background:var(--purple)}.swatches i:nth-child(3){background:#35405a}.swatches span{font:9px monospace;letter-spacing:2px;color:var(--muted);margin-left:10px}.design-notes{margin-top:35px}.design-notes p{display:flex;gap:18px;margin-bottom:21px}.design-notes b{font:11px monospace;color:var(--cyan);padding-top:3px}.design-notes span{font-size:13px;letter-spacing:1px}.design-notes small{display:block;color:#78859b;font-size:11px;margin-top:6px;letter-spacing:0}.presentation footer{font-size:10px;letter-spacing:1px;color:#727e93;margin-top:38px}.presentation footer span{padding:0 8px}.device{position:relative;width:414px;height:min(900px,calc(100dvh - 48px));min-height:680px;background:radial-gradient(ellipse at 90% 13%,#34295755,transparent 40%),radial-gradient(ellipse at 0 53%,#12686b22,transparent 45%),#0b101e;border:1px solid #7c84953b;border-radius:42px;box-shadow:0 0 0 7px #111622,0 0 0 8px #30364470,0 40px 100px #0008;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.statusbar{height:42px;padding:17px 27px 0;display:flex;justify-content:space-between;font:12px Arial,sans-serif;flex-shrink:0}.statusbar b{font-size:13px}.side-label{position:fixed;right:38px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;align-items:center;gap:28px;font:9px monospace;letter-spacing:3px;color:#657287}.side-label i{height:120px;width:1px;background:#57627855}.side-label b{font-weight:normal;color:#a8a0c4}#header{padding:17px 23px 12px;flex-shrink:0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px}.brand-symbol{height:32px;width:32px;display:grid;place-items:center;border:1px solid #63fce055;background:#64fce011;border-radius:10px;transform:rotate(-6deg);color:var(--cyan)}.brand-symbol svg{width:23px}.brand-title{font-size:18px;font-weight:650;letter-spacing:2px}.brand-title small{font:8px monospace;letter-spacing:2px;display:block;color:#899ab0;margin-top:3px}.capsule{display:flex;align-items:center;border:1px solid #a3b1c12c;background:#070d1740;border-radius:25px;padding:7px 10px;gap:11px}.capsule i{height:14px;width:1px;background:#7d91ad40}.capsule span{font:bold 13px Arial;line-height:12px;letter-spacing:2px}.capsule svg{height:15px;width:15px}.head-title{font-size:17px;flex:1;text-align:center}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:#ffffff04}.header-spacer{width:34px}#view{padding:5px 22px 22px;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:none;scroll-behavior:smooth}#view::-webkit-scrollbar{display:none}.intro{display:flex;justify-content:space-between;align-items:end;margin:9px 0 16px}.eyebrow{font:9px monospace;letter-spacing:1.7px;color:var(--muted)}.greeting{font-size:23px;line-height:1.5;margin-top:5px;font-weight:500;letter-spacing:1px}.greeting em{font-style:normal;color:var(--cyan)}.online{font-size:10px;color:#9bc5bf;display:flex;align-items:center;gap:5px;padding-bottom:7px}.online .tiny-light{width:4px;height:4px}.search-launch{width:100%;height:42px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(100deg,#ffffff09,#ffffff03);color:#8492aa;font-size:11px;padding:0 13px}.search-launch svg{width:16px}.search-launch span{margin-left:auto;font:10px monospace;color:#606f86}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-heading h2{font-size:15px;font-weight:500;letter-spacing:1px}.section-heading h2 small{font:9px monospace;color:#72849d;letter-spacing:1px;margin-left:7px}.text-link{font-size:10px;color:var(--muted);padding:5px 0 5px 10px;display:flex;align-items:center;gap:4px}.text-link svg{width:13px;height:13px}.glass{background:linear-gradient(130deg,#b1c9f410,#b1c9f404 60%,#8976e010);border:1px solid var(--line);box-shadow:inset 0 1px #e1e9ff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:19px}.pulse-card{position:relative;min-height:227px;width:100%;padding:18px 18px 0;text-align:left;overflow:hidden;border-color:#80cce329;background:radial-gradient(ellipse at 85% 48%,#7852cb26,transparent 64%),linear-gradient(115deg,#233d485c,#151e36a6)}.pulse-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.pill{font-size:9px;border-radius:5px;padding:4px 6px;color:var(--cyan);background:#64fce012;border:1px solid #64fce01f}.pulse-top>span{color:#8c9fb8;font:9px monospace;letter-spacing:1px}.pulse-content{position:relative;z-index:2;width:61%;padding-top:22px}.pulse-content h3{font-size:16px;font-weight:500;line-height:1.6}.pulse-content p{font-size:10px;color:#8296ac;margin-top:5px}.metric{font:400 38px Arial,sans-serif;letter-spacing:-1px;margin:13px 0 15px}.metric small{font:10px var(--font);color:#97a6b9;letter-spacing:0;margin-left:6px}.metric .up{font:10px Arial;color:var(--cyan);margin-left:8px;letter-spacing:0}.pulse-bottom{height:38px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bedcff12;font-size:10px;color:#94a6bc;position:relative;z-index:2}.pulse-bottom span:last-child{color:var(--cyan)}.orb{position:absolute;width:173px;height:173px;right:-5px;top:28px;filter:drop-shadow(0 0 17px #53d4ca26);transform:rotate(-22deg)}.orb svg{width:100%;height:100%;stroke-width:.6;overflow:visible}.orbit-dot{filter:drop-shadow(0 0 4px #8affec)}.orb:after{content:"";position:absolute;inset:40px;background:radial-gradient(circle at 35% 30%,#a8ffe921,#4d2d8326 65%,transparent);border-radius:50%}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.gateway{min-height:102px;padding:15px;text-align:left;position:relative;overflow:hidden}.gateway h3{font-size:15px;font-weight:500;position:relative;z-index:1}.gateway p{font-size:10px;color:var(--muted);margin-top:6px;position:relative;z-index:1}.gateway>svg{position:absolute;right:12px;bottom:13px;width:36px;height:36px;stroke-width:1;color:var(--cyan);filter:drop-shadow(0 0 8px #62f6df44)}.gateway:nth-child(2)>svg{color:var(--purple)}.gateway .mini-arrow{display:block;margin-top:13px;font:13px Arial;color:var(--cyan)}.gateway:nth-child(2) .mini-arrow{color:var(--purple)}.apps-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.app-shortcut{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;padding:2px 0}.app-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#58dfd61f,#377cc908);border:1px solid #69dfed29;color:#7ce2e3;box-shadow:inset 0 1px #b6ffff0c}.app-shortcut:nth-child(2) .app-icon{color:#b5a1ff;background:linear-gradient(140deg,#ab7af126,#392f5d0b);border-color:#be9bff29}.app-shortcut:nth-child(3) .app-icon{color:#85baff;background:linear-gradient(140deg,#619bff26,#19395c0b);border-color:#6bb4ff29}.app-shortcut:nth-child(4) .app-icon{color:#e3a8d7;background:linear-gradient(140deg,#ec81c81d,#4330450b);border-color:#f394ce29}.app-icon svg{width:23px;height:23px}.feed-card{padding:15px;display:flex;width:100%;gap:13px;text-align:left;align-items:center;margin-bottom:10px}.feed-icon{width:39px;height:45px;border-radius:10px;border:1px solid #ba9bff26;background:#a681f012;color:var(--purple);display:grid;place-items:center;flex-shrink:0}.feed-copy{flex:1;min-width:0}.feed-copy h3{font-size:12px;font-weight:500;line-height:1.7}.feed-copy p{font-size:9px;color:var(--muted);margin-top:5px}.feed-card>svg{width:15px;color:#91a1b8}.feed-copy .accent{color:var(--cyan)}.footnote{font-size:9px;color:#576780;text-align:center;padding:18px 0 2px;letter-spacing:1px}#nav{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;height:68px;padding:5px 11px 0;border-top:1px solid #d4e4ff10;background:#151d2dcc;backdrop-filter:blur(24px);position:relative;z-index:5}#nav button{position:relative;width:60px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#8090aa;font-size:9px}#nav button svg{width:21px;height:21px}#nav button.active{color:var(--cyan)}#nav button.active:after{content:"";position:absolute;width:15px;height:2px;background:var(--cyan);top:-10px;box-shadow:0 0 10px #64fce0aa;border-radius:5px}#nav button.ai-nav{color:#b5a3ec}#nav .ai-disc{width:43px;height:38px;border-radius:13px;background:linear-gradient(135deg,#bda1ff22,#64fce019);border:1px solid #9ba7fa60;margin-top:-12px;display:grid;place-items:center;box-shadow:0 0 14px #a38bfa15}#nav .ai-disc svg{width:23px}.nav-dot{position:absolute;right:14px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--pink)}.home-line{flex-shrink:0;height:19px;background:#151d2dcc;display:grid;place-items:center}.home-line:after{content:"";width:108px;height:4px;background:#e3e7f2bb;border-radius:9px}#toast{position:absolute;bottom:106px;left:50%;transform:translate(-50%,10px);max-width:85%;width:max-content;z-index:30;padding:12px 19px;border-radius:14px;background:#263446f5;border:1px solid #9ecbd344;box-shadow:0 8px 30px #0005;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.page-title{font-size:27px;font-weight:500;margin:16px 0 9px;letter-spacing:1px}.page-subtitle{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:23px}.tabs{display:flex;gap:7px;margin:16px 0;overflow:auto;scrollbar-width:none}.tab{padding:8px 13px;border:1px solid var(--line);border-radius:9px;white-space:nowrap;color:#95a3b8;font-size:11px}.tab.active{background:#64fce010;border-color:#64fce044;color:var(--cyan)}.service-banner{position:relative;padding:22px 20px;margin-top:16px;overflow:hidden;min-height:137px;display:block;text-align:left;width:100%;background:radial-gradient(ellipse at right,#9c6eee24,transparent 70%),#17253566}.service-banner h2{font-size:22px;font-weight:500;line-height:1.55;margin:9px 0}.service-banner p{font-size:10px;color:var(--muted)}.service-banner>svg{position:absolute;right:18px;top:35px;width:64px;height:64px;color:#b79aea;stroke-width:.9;filter:drop-shadow(0 0 12px #b892ff55)}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service-tile{text-align:left;padding:17px 14px;min-height:124px}.service-tile>svg{color:var(--cyan);width:26px;height:26px;margin-bottom:12px}.service-tile:nth-child(even)>svg{color:var(--purple)}.service-tile h3{font-size:13px;font-weight:500}.service-tile p{font-size:10px;color:var(--muted);margin-top:7px}.list-card{display:block;width:100%;padding:18px;margin-bottom:12px;text-align:left}.list-card h3{font-size:14px;font-weight:500;line-height:1.7;margin:11px 0}.list-card p{font-size:11px;line-height:1.8;color:var(--muted)}.list-card footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8c9bb1;margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.tag{display:inline-block;font-size:9px;color:var(--purple);background:#ba9bff10;border:1px solid #ba9bff1c;padding:4px 7px;border-radius:5px;margin-right:5px}.tag.green{color:var(--cyan);background:#64fce00d;border-color:#64fce021}.primary{background:linear-gradient(110deg,#71f6dc,#83dfe5);color:#112629;border:1px solid #b7fff45c;padding:13px 18px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.secondary{background:#b299ff0d;border:1px solid #b299ff44;color:#cfbfff;padding:12px 16px;border-radius:12px;font-size:12px}.actions{display:flex;gap:10px;margin:22px 0 8px}.actions>*{flex:1}.article{font-size:13px;line-height:2;color:#b1bfd1}.article h2{font-size:17px;color:#e7edf6;margin:23px 0 10px;font-weight:500}.article p{margin-bottom:15px}.article ul{padding-left:19px}.article-hero{padding:23px;margin:19px 0;background:radial-gradient(at right,#ac8bf325,transparent 70%),#64fce008}.article-hero .metric{font-size:47px;margin:15px 0 0}.data-row{display:flex;justify-content:space-between;padding:13px 0;gap:20px;border-bottom:1px solid var(--line);font-size:11px}.data-row span{color:var(--muted)}.data-row b{font-weight:400;text-align:right}.chart{width:100%;height:100px;stroke-width:2;margin:15px 0 2px}.chart-labels{display:flex;justify-content:space-between;font:9px monospace;color:#8092aa}.empty{padding:55px 22px;text-align:center;color:var(--muted);line-height:2}.empty svg{display:block;width:40px;height:40px;margin:0 auto 16px;color:var(--purple)}.empty p{font-size:12px;margin:8px 0 20px}.field{display:block;margin:18px 0;color:#c5cfe0;font-size:12px}.field input,.field textarea,.field select,.search-form input,.chat-compose input{display:block;background:#ffffff06;color:var(--text);border:1px solid #aebfe322;border-radius:11px;padding:13px;width:100%;margin-top:9px;outline-offset:2px}.field textarea{resize:vertical;min-height:118px;line-height:1.7}.field select option{background:#151e31}.field small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.search-form{display:flex;gap:8px;margin:13px 0}.search-form input{margin:0;min-width:0}.search-form button{color:var(--cyan);padding:0 5px;flex-shrink:0}.message-item{display:block;width:100%;text-align:left;padding:17px;margin-bottom:12px}.message-item.read{opacity:.65}.message-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.message-meta span{color:var(--purple)}.message-item h3{font-size:13px;font-weight:500;line-height:1.7;margin:10px 0 7px}.message-item p{font-size:11px;color:var(--muted);line-height:1.8}.message-item.unread h3:before{content:"";width:5px;height:5px;display:inline-block;background:var(--cyan);border-radius:50%;margin-right:7px;vertical-align:middle}.profile-card{margin-top:18px;padding:23px 20px}.profile-top{display:flex;align-items:center;gap:14px}.avatar{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(135deg,#64fce027,#ad85fa2b);border:1px solid #98ffec3a}.avatar svg{width:29px;height:29px}.profile-top h2{font-size:17px;font-weight:500}.profile-top p{font-size:10px;color:var(--muted);margin-top:7px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.profile-stats button{display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);font-size:10px;color:var(--muted)}.profile-stats button:last-child{border:0}.profile-stats b{font:24px Arial;color:var(--text)}.menu{margin-top:15px;padding:0 15px}.menu button{width:100%;display:flex;gap:11px;align-items:center;padding:18px 1px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.menu button:last-child{border-bottom:0}.menu button>svg:first-child{color:#a6b5cf;width:19px}.menu button>svg:last-child{margin-left:auto;width:14px;color:#6e8099}.menu small{margin-left:auto;color:var(--muted)}.ai-welcome{text-align:center;padding:29px 0 20px}.ai-orb{display:grid;place-items:center;margin:0 auto 20px;width:92px;height:92px;border-radius:28px;border:1px solid #b3a2ff70;background:radial-gradient(circle at 25% 20%,#8affdd44,transparent 60%),linear-gradient(130deg,#35495688,#6a449977);box-shadow:0 0 55px #a779ed16,inset 0 0 25px #c0b1ff13;transform:rotate(-8deg)}.ai-orb svg{width:46px;height:46px;color:#cbf7ff;transform:rotate(8deg)}.ai-welcome h2{font-size:24px;font-weight:500;letter-spacing:1px}.ai-welcome h2 span{color:var(--purple)}.ai-welcome p{font-size:11px;color:var(--muted);line-height:1.9;margin:12px 0 9px}.suggestion{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:15px;margin-bottom:9px;font-size:12px}.suggestion svg{width:16px;color:var(--purple)}.suggestion svg:last-child{margin-left:auto;width:13px}.chat-message{padding:16px;margin:12px 0;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{background:#ba9bff16;border:1px solid #ba9bff24;margin-left:30px;border-radius:16px 16px 3px 16px}.chat-message.assistant{border-radius:16px 16px 16px 3px}.chat-message small{display:block;color:var(--cyan);font-size:9px;margin-bottom:9px}.chat-compose{display:flex;gap:8px;position:sticky;bottom:0;background:#0e1526f5;padding:12px 0 4px;align-items:center}.chat-compose input{margin:0;min-width:0;font-size:12px}.chat-compose button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;color:#182b31;background:linear-gradient(140deg,var(--cyan),#bb9dff)}.manage-row{display:flex;align-items:center;gap:12px;padding:15px;margin:9px 0}.manage-row>svg{color:var(--cyan)}.manage-row span{flex:1;font-size:12px}.toggle-star{width:32px;height:32px;display:grid;place-items:center;color:#70829c}.toggle-star.selected{color:var(--cyan)}.toggle-star.selected svg{fill:#64fce028}.switch{display:block;width:34px;height:20px;border-radius:20px;background:#475469;padding:3px}.switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#c7d0df;transition:.2s}.switch.on{background:#54cbb6}.switch.on:after{transform:translateX(14px);background:white}.timeline{border-left:1px solid #64fce040;margin:24px 0 24px 8px;padding-left:22px}.timeline p{position:relative;font-size:12px;margin:25px 0}.timeline p:before{content:"";position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;left:-26px;top:5px;box-shadow:0 0 9px #64fce050}.timeline p small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.error-note{color:var(--pink);font-size:11px;line-height:1.8;margin:12px 0}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top .page-title{font-size:25px}.count-tag{color:var(--cyan);font:10px monospace}.phone-only{display:none}
@media(min-width:1450px){body{gap:135px}.presentation{width:440px}.outline-word{font-size:73px}}
@media(max-width:1080px){body{gap:45px}.presentation{width:315px}.outline-word{font-size:54px}.side-label{display:none}}
@media(max-width:780px){body{display:block;background:#0b101e}.presentation,.side-label,.ambient{display:none}.device{width:100%;height:100dvh;min-height:0;max-width:none;border:0;border-radius:0;box-shadow:none;margin:0}.statusbar{padding-top:max(12px,env(safe-area-inset-top));height:calc(35px + env(safe-area-inset-top))}.home-line{height:calc(14px + env(safe-area-inset-bottom))}#header{padding-top:13px}#view{padding-bottom:22px}}
@media(max-width:360px){#view{padding-left:16px;padding-right:16px}#header{padding-left:16px;padding-right:16px}.greeting{font-size:21px}.orb{right:-22px;width:155px}.pulse-content h3{font-size:14px}.metric{font-size:32px}.metric .up{font-size:9px;margin-left:4px}.section-heading h2 small{font-size:8px}.gateway{padding:13px}.brand-title{font-size:17px}}
@media(min-width:781px){body{height:100dvh;overflow:hidden}.device{min-height:0}}
@media(min-width:781px) and (max-height:800px){.presentation{padding:18px 0}.back-link{margin-bottom:27px}.outline-word{font-size:51px;margin:23px 0 18px}.design-copy{font-size:22px}.design-notes{margin-top:23px}.design-notes p{margin-bottom:16px}.presentation footer{margin-top:23px}.swatches{margin-top:20px}}
@media(min-width:781px) and (max-height:620px){.design-notes{display:none}.back-link{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}