.design-preview{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center;padding:26px;border:1px solid #d9dfd9;background:#fff;border-radius:6px}.design-preview p{font-size:14px;color:#65746c}.design-preview a{color:#173f35;text-decoration:underline}.design-preview figure{margin:0;height:270px;overflow:hidden;border:1px solid #d9dfd9;border-radius:8px}.design-preview img{display:block;width:100%;height:auto}.design-preview .design-meta{font-size:12px;color:#846843}.design-gallery{max-width:760px;margin:0 auto;padding:30px 20px 60px;font-family:'Microsoft YaHei',sans-serif;line-height:1.8;color:#283832}.design-gallery h1{font-size:25px;font-weight:500}.design-gallery .gallery-note{font-size:14px;color:#65746c}.design-gallery .gallery-actions{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.design-gallery a{color:#173f35}.design-gallery .full-design{display:block;width:100%;max-width:430px;height:auto;margin:30px auto;border:1px solid #d9dfd9}.gallery-body{margin:0;background:#f5f5f0}@media(max-width:600px){.design-preview{grid-template-columns:1fr;padding:20px}.design-preview figure{width:190px;justify-self:center;height:270px}}

.design-explainer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start;margin:20px 0}.design-thumbnail{margin:0;padding:16px 12px;background:#e9eee7;border:1px solid #d9dfd9;border-radius:8px;text-align:center}.design-thumbnail .guided-design{box-sizing:border-box;display:block;width:auto;max-width:100%;height:auto;max-height:460px;margin:0 auto;border:1px solid #d9dfd9}.design-thumbnail figcaption{font-size:12px;color:#65746c;line-height:1.6;margin-top:12px}.design-functions{margin:0;min-width:0}.design-functions h2{font-size:17px;font-weight:600;line-height:1.6;margin:0 0 8px}.design-functions>p{font-size:14px;margin:0 0 20px;line-height:1.8}.design-functions dl{margin:0}.design-functions dl>div{margin:0 0 13px}.design-functions dt{font-size:14px;font-weight:600;color:#173f35;line-height:1.7}.design-functions dd{font-size:13px;color:#65746c;line-height:1.7;margin:3px 0 0}.design-pending{border-left:3px solid #baa784;padding:10px 14px;background:#f0eee7;margin-top:16px}.design-pending strong{font-size:13px;color:#785f3d}.design-pending p{font-size:13px;line-height:1.8;margin:4px 0 0}.design-detail{border-top:1px solid #d9dfd9;border-bottom:1px solid #d9dfd9;margin:20px 0}.design-detail summary{cursor:pointer;color:#173f35;padding:14px 0;font-size:14px;min-height:44px}.design-detail summary:focus-visible{outline:3px solid #b9854e;outline-offset:3px}.design-detail-image{display:block;width:100%;max-width:600px;height:auto;margin:12px auto 24px;border:1px solid #d9dfd9}.design-detail>p{font-size:13px;color:#65746c}.gallery-pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 0 20px}.design-gallery{max-width:940px}.design-gallery h1{margin-top:18px}.design-gallery .gallery-actions{gap:10px 18px}.design-gallery .gallery-actions a,.design-gallery .gallery-actions span{padding:5px 0}.design-gallery .gallery-actions [aria-current]{font-weight:600;border-bottom:2px solid #173f35}@media(max-width:1100px) and (min-width:761px){.design-explainer{grid-template-columns:180px minmax(0,1fr);gap:20px}}@media(max-width:760px){.design-explainer{grid-template-columns:1fr;gap:20px}.design-thumbnail{padding:12px}.design-thumbnail .guided-design{max-height:260px}.design-thumbnail figcaption{margin-top:8px}.design-functions>p{margin-bottom:15px}.design-functions dl>div{margin-bottom:10px}.design-gallery h1{font-size:23px}.design-detail-image{max-width:100%}}

.design-explainer{grid-template-columns:300px minmax(0,1fr)}.design-thumbnail{padding:0;overflow:hidden}.design-image-window{height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#91a395 #edf1eb;background:#fff}.design-image-window:focus-visible{outline:3px solid #b9854e;outline-offset:-3px}.design-thumbnail .guided-design{width:100%;max-width:none;max-height:none;height:auto;border:0;margin:0}.design-thumbnail figcaption{margin:0;padding:10px 8px;border-top:1px solid #d9dfd9}@media(max-width:1100px) and (min-width:761px){.design-explainer{grid-template-columns:260px minmax(0,1fr)}}@media(max-width:760px){.design-explainer{grid-template-columns:1fr}.design-thumbnail{width:100%;max-width:360px;justify-self:center;padding:0;box-sizing:border-box}.design-image-window{height:440px}.design-thumbnail .guided-design{max-height:none}.design-thumbnail figcaption{margin:0}}

.design-explainer{grid-template-columns:375px minmax(0,1fr);gap:30px}.prototype-shell{width:100%;margin:0;border:1px solid #cfd9cf;border-radius:16px;overflow:hidden;background:#eef1e9;box-sizing:border-box}.prototype-label{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;font-size:12px;color:#52705d}.prototype-label span:last-child{color:#8a744e}.prototype-frame{display:block;border:0;width:100%;height:680px;background:#f7f5ef}.prototype-shell figcaption{font-size:12px;padding:10px;text-align:center;color:#66766b;border-top:1px solid #d9dfd9}.prototype-context{margin-bottom:22px;padding:14px 16px;border-radius:8px;background:#e9efe4;border:1px solid #d8e0d2}.prototype-context strong{font-size:14px;font-weight:600}.prototype-context p{font-size:13px;line-height:1.8;margin:6px 0 0;color:#50654f}.design-gallery{max-width:1120px}.gallery-body .design-explainer{grid-template-columns:375px minmax(0,1fr)}@media(max-width:1180px){.layout .design-explainer{grid-template-columns:minmax(0,1fr)}.layout .prototype-shell{max-width:375px;justify-self:center}}@media(max-width:760px){.design-explainer,.gallery-body .design-explainer{grid-template-columns:minmax(0,1fr)}.prototype-shell{max-width:375px;justify-self:center}.prototype-frame{height:650px}}

footer.reader-footer{position:static}

.still-preview{margin:0;width:100%;max-width:375px;border:1px solid #cfd9cf;border-radius:16px;overflow:hidden;box-sizing:border-box;background:#eef1e9}.still-scroll{height:620px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#91a395 #f7f5ef;background:#f7f5ef}.still-scroll:focus-visible{outline:2px solid #a98b57;outline-offset:-2px}.still-picture{width:100%;overflow:hidden}.still-picture img{display:block;width:100%;height:auto;max-width:none;cursor:default}.still-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;padding:0!important;margin:0!important;width:100%;aspect-ratio:1170/192;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;overflow:visible!important}.still-tabs button,.still-tabs a{display:block!important;min-height:0!important;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;cursor:pointer}.still-tabs button:hover,.still-tabs a:hover{background:#203f350a!important}.still-tabs button:focus-visible,.still-tabs a:focus-visible{outline:2px solid #a98b57;outline-offset:-3px}.still-preview figcaption{font-size:12px;line-height:1.7;text-align:center;padding:10px 5px;border-top:1px solid #d9dfd9;color:#66766b}.still-preview{justify-self:center}@media(max-width:760px){.still-scroll{height:590px}}
.still-picture-home{aspect-ratio:1170/7803}.still-tabs-home{background-image:url('/designs/home.png')}
.still-picture-events{aspect-ratio:1170/5139}.still-tabs-events{background-image:url('/designs/events.png')}
.still-picture-products{aspect-ratio:1170/5175}.still-tabs-products{background-image:url('/designs/products.png')}
.still-picture-circles{aspect-ratio:1170/3873}.still-tabs-circles{background-image:url('/designs/circles.png')}
.still-picture-profile{aspect-ratio:1170/4545}.still-tabs-profile{background-image:url('/designs/profile.png')}