/* A short home, focused destinations, and navigation that stays within reach. */
:root{--header-height:88px}html{scroll-padding-top:calc(var(--header-height) + 20px)}body[data-page]{padding-top:var(--header-height);min-height:100dvh}body[data-page] main{min-height:calc(100dvh - var(--header-height) - 180px)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--paper);background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header .header{height:var(--header-height);border:0}.header nav a[aria-current=page]{color:var(--plum);font-weight:600}.header nav a[aria-current=page]:after{transform:scaleX(1)}.skip:focus{z-index:120}.header .brand img{width:43px;height:43px}.header .brand>span{font-size:26px}.header .brand small{margin-top:4px}.header .tools button{min-width:36px;min-height:36px}.home-next{display:grid;grid-template-columns:1.2fr 1fr .75fr;align-items:center;gap:38px;border-top:1px solid var(--line);padding-block:38px 48px}.home-next h2{font-size:42px;margin:12px 0}.home-next>div>p:last-child{font-size:13px;line-height:1.9;color:var(--muted);max-width:320px}.home-next .eyebrow{font-size:9px}.next-app{padding:10px 10px 0;border:1px solid var(--line);border-radius:5px;background:var(--paper-light);overflow:hidden}.next-app img{width:100%;height:128px;object-fit:cover;object-position:50% 20%;display:block;border-radius:2px}.next-app>span{display:block;padding:13px 5px;font-size:12px}.next-plaza{border-block:1px solid var(--line);display:flex;gap:15px;align-items:center;padding:25px 0;font-size:12px;line-height:1.7}.next-star{font-size:34px;color:var(--accent)}.next-plaza>span:last-child{margin-left:auto}.next-app:hover,.next-plaza:hover{border-color:var(--accent)}.page-intro{padding-block:36px 28px}.page-intro .eyebrow{font-size:9px;color:var(--muted);margin-bottom:13px}.page-intro h1{font-size:48px;line-height:1.2;letter-spacing:-.02em}.page-description{font-size:13px;color:var(--muted);margin-top:14px}.product-tabs-shell{position:sticky;top:var(--header-height);z-index:40;border-block:1px solid var(--line);background:var(--paper);box-shadow:0 6px 15px #43252e05}.product-tabs{display:flex;align-items:center;gap:35px}.product-tabs a{display:block;padding:16px 0;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;color:var(--muted)}.product-tabs a[aria-selected=true]{color:var(--plum);border-bottom-color:var(--plum)}[data-product-content][hidden]{display:none!important}[data-product-content]{scroll-margin-top:20px;outline-offset:-2px}body[data-page=app] .section{padding-block:34px 45px}body[data-page=app] .chapter-line{display:none}body[data-page=app] .gallery-heading{padding:0 0 24px;gap:30px}body[data-page=app] .gallery-heading h2{font-size:46px}body[data-page=app] .gallery-heading .section-description{font-size:13px}body[data-page=app] .gallery-frame{max-width:940px;margin-inline:auto;padding:15px}body[data-page=app] .gallery-bottom{max-width:940px;margin-inline:auto}body[data-page=app] .company-grid{padding-top:10px}body[data-page=app] .voice{padding-block:36px}body[data-page=app] .voice-art{min-height:530px}body[data-page=app] .memory-heading{padding-top:0}body[data-page=app] .your-space{border-top:0}body[data-page=app] .faq{padding-top:40px}body[data-page=app] .footer{margin-top:0}body[data-page=plaza] .plaza{padding-block:30px 25px}body[data-page=plaza] .plaza .chapter-line{padding-bottom:16px}body[data-page=plaza] .plaza-heading{padding-block:24px;gap:24px}body[data-page=plaza] .plaza-heading h2{font-size:48px}body[data-page=plaza] .plaza-heading h2 br{display:none}body[data-page=plaza] .plaza-heading .section-description{margin-top:13px;font-size:13px;max-width:680px}body[data-page=plaza] .plaza-stage{height:clamp(330px,46dvh,460px)}body[data-page=plaza] .plaza-theme-picker{flex-direction:row}body[data-page=plaza] .plaza-theme-picker button{padding:9px 13px;font-size:11px}body[data-page=updates] .updates,body[data-page=feedback] .feedback-section{padding-block:55px}body[data-page=community] .community{padding-block:65px;min-height:calc(100dvh - var(--header-height) - 200px);border-bottom:0}.footer{padding-block:28px;border-top:1px solid var(--line)}.footer>small{padding-top:16px}.footer>p{font-size:17px}html[lang=zh-CN] .home-next h2{font-size:32px}html[lang=zh-CN] .page-intro h1{font-size:38px}html[lang=zh-CN] body[data-page=app] .gallery-heading h2,html[lang=zh-CN] body[data-page=plaza] .plaza-heading h2{font-size:36px}
@media(max-width:1050px){.site-header .header nav{top:100%;border-top:0;box-shadow:0 15px 25px #43252e18;max-height:calc(100dvh - var(--header-height) - 15px);overflow-y:auto}.home-next{gap:25px;grid-template-columns:1fr 1fr}.next-plaza{grid-column:2}.home-next>div{grid-row:span 2}.product-tabs{gap:26px}body[data-page=plaza] .plaza-theme-picker{flex-direction:column}.page-intro{padding-block:30px 24px}}
@media(max-width:760px){:root{--header-height:80px}.home-next{grid-template-columns:1fr 1fr;gap:20px;padding-block:30px}.home-next>div{grid-column:1/-1;grid-row:auto}.next-plaza{grid-column:auto}.next-app img{height:110px}.next-plaza{height:100%;border:1px solid var(--line);border-radius:5px;padding:16px;flex-wrap:wrap;gap:8px;background:var(--paper-light)}.next-plaza .next-star{width:100%;font-size:35px}.next-plaza>span:last-child{align-self:end}.home-next h2{font-size:36px}.product-tabs{gap:0;justify-content:space-between}.product-tabs a{font-size:11px;padding:14px 0}body[data-page=app] .gallery-heading{gap:15px}.page-intro h1{font-size:40px}body[data-page=plaza] .plaza-theme-picker{flex-direction:row}body[data-page=plaza] .plaza-heading{gap:18px}body[data-page=plaza] .plaza-stage{height:390px}body[data-page=updates] .updates,body[data-page=feedback] .feedback-section{padding-block:38px}body[data-page=community] .community{padding-block:45px;gap:32px}.footer{margin-top:0}html[lang=zh-CN] .page-intro h1{font-size:30px}}
@media(max-width:480px){.site-header .header .brand>span{font-size:23px}.site-header .header .brand img{width:36px;height:36px}.site-header .header .brand small{font-size:6px}.site-header .tools{gap:4px}.home-next{gap:15px}.home-next>div>p:last-child{max-width:none}.next-app{padding:7px 7px 0}.next-app>span{font-size:11px;padding-block:11px}.next-plaza{font-size:11px;padding:12px}.home-next .eyebrow{font-size:8px}.page-intro{padding-block:25px 20px}.page-intro h1{font-size:34px}.page-description{font-size:12px}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.product-tabs a{text-align:center;font-size:11px;padding:10px 2px}.product-tabs-shell{box-shadow:0 5px 10px #43252e08}body[data-page=app] .section{padding-block:25px 35px}body[data-page=app] .gallery-heading h2{font-size:37px}body[data-page=app] .gallery-tabs{gap:4px 15px;margin-bottom:14px}body[data-page=app] .gallery-frame{padding:5px}body[data-page=app] .voice-art{min-height:500px}body[data-page=plaza] .plaza-heading h2{font-size:38px}body[data-page=plaza] .plaza .chapter-line span{font-size:7px}.footer>div{gap:22px}.footer{padding-block:24px}html[lang=zh-CN] .site-header .header .brand>span{font-size:20px}html[lang=zh-CN] .home-next h2{font-size:29px}html[lang=zh-CN] .page-intro h1{font-size:27px}html[lang=zh-CN] body[data-page=app] .gallery-heading h2,html[lang=zh-CN] body[data-page=plaza] .plaza-heading h2{font-size:30px}}