.promotion-design .pd-intro{padding-top:192px;padding-bottom:80px}.promotion-design .pd-story{padding-bottom:40px}.promotion-design .pd-overview{border-top:1px solid var(--au-line);padding-top:64px}.promotion-design .pd-overview+.au-section{border-top:0;margin-top:80px;padding-top:0}.promotion-design .pd-methodology-board{background:0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;display:grid}.promotion-design .pd-method-card{background:#f7f8f7;border-radius:14px;min-width:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;container-type:inline-size}.promotion-design .pd-method-card h3{color:#929292;letter-spacing:-.04em;margin:8.4cqw 14cqw 0;font-size:22.3cqw;font-weight:300;line-height:1.4}.promotion-design .pd-method-examples{margin:24cqw 8.5cqw 10cqw}.promotion-design .pd-method-group p{color:#686868;letter-spacing:-.035em;margin:0 0 0 2cqw;font-size:max(.875rem,6.9cqw);font-weight:400;line-height:1.58}.promotion-design .pd-method-group+.pd-method-group{margin-top:14.8cqw}.promotion-design .pd-method-group>img{object-fit:contain;width:100%;height:55cqw;margin-top:7.6cqw}.promotion-design .pd-color-bars{gap:1.6cqw;margin:7.6cqw 3.5cqw 0;display:grid}.promotion-design .pd-color-bars i{border-radius:999px;height:17.25cqw;display:block}.promotion-design .pd-method-type .pd-method-group>img{width:93%;height:17cqw;margin:7.6cqw auto 0}.promotion-design .pd-method-type .pd-method-group+.pd-method-group{margin-top:14cqw}.promotion-design .pd-method-type .pd-method-group+.pd-method-group:before{content:"";border-top:1px solid #dedede;width:52%;margin:0 auto 14cqw;display:block}.promotion-design .pd-method-products{grid-template-columns:1fr .9fr 1.5fr;align-items:end;gap:3cqw;height:55cqw;margin-top:7.6cqw;display:grid}.promotion-design .pd-method-products img{object-fit:contain;object-position:bottom;width:100%;height:53cqw}.promotion-design .pd-method-icons{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7cqw 3cqw;height:55cqw;margin-top:7.6cqw;display:grid}.promotion-design .pd-method-icons img{object-fit:contain;width:100%;height:19cqw}.promotion-design .pd-composition-labels{color:#24bb00;white-space:nowrap;letter-spacing:-.06em;justify-content:space-between;align-items:start;gap:1cqw;min-height:9cqw;margin-top:7.6cqw;font-size:max(.75rem,4.45cqw);line-height:1.5;display:flex}.promotion-design .pd-method-composition .pd-composition-labels+img{height:57cqw;margin-top:0}.promotion-design .pd-composition-arrow{color:#ddd;width:9cqw;height:10cqw;margin:5cqw auto 6cqw;display:block}.promotion-design .pd-method-composition .pd-composition-arrow+img{margin-top:0}.promotion-design .pd-feature{background:0 0;padding:0}.promotion-design .pd-feature-main{border-radius:10px;width:min(100%,800px);margin-inline:auto;overflow:hidden}.promotion-design .pd-feature-main video{aspect-ratio:1122/750}.promotion-design .pd-comparisons{--pd-before-offset:40px;background:0 0;grid-template-columns:minmax(220px,.85fr) minmax(0,2.2fr);align-items:end;gap:5%;padding:0;display:grid}.promotion-design .pd-rule-selector{margin-bottom:var(--pd-before-offset)}.promotion-design .pd-mobile-rule{display:none}.promotion-design .pd-tabs{isolation:isolate;background:#e9eee3;border-radius:14px;padding:6px;position:relative}.promotion-design .pd-tab-indicator{z-index:0;pointer-events:none;background:#fff;border-radius:10px;transition:transform .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.promotion-design .pd-tabs button{text-align:left;color:#666e69;width:100%;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:9px;padding:20px 18px;transition:background-color .2s,color .2s;display:flex;position:relative}.promotion-design .pd-tabs button+button:before{content:"";background:#fff9;height:1px;position:absolute;top:0;left:18px;right:18px}.promotion-design .pd-tabs button[aria-selected=true]{color:#1b2520}.promotion-design .pd-tabs button[aria-selected=true]:before,.promotion-design .pd-tabs button[aria-selected=true]+button:before{opacity:0}.promotion-design .pd-tabs strong{font-size:1.25rem;font-weight:600}.promotion-design .pd-tabs button>span{font-size:.9375rem;line-height:1.7}.promotion-design .pd-comparison-stage{min-width:0;display:grid}.promotion-design .pd-comparison-panel{grid-area:1/1;min-width:0}.promotion-design .pd-panel-leaving{pointer-events:none;animation:.56s cubic-bezier(.22,1,.36,1) both pd-panel-out}.promotion-design .pd-panel-entering{animation:.6s cubic-bezier(.22,1,.36,1) both pd-panel-in}@keyframes pd-panel-in{0%{opacity:0;transform:translateY(calc(var(--pd-motion-direction) * 44px))}to{opacity:1;transform:translateY(0)}}@keyframes pd-panel-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--pd-motion-direction) * -44px))}}.promotion-design .pd-comparison-panel[hidden]{display:none}.promotion-design .pd-comparison-layout{grid-template-columns:.57fr 1fr;align-items:end;gap:30px;max-width:660px;margin-left:auto;display:grid}.promotion-design .pd-comparison-layout figure{min-width:0;margin:0}.promotion-design .pd-comparison-layout figcaption{color:var(--au-accent);justify-content:center;align-items:baseline;gap:12px;margin:0 0 22px;font-size:1.25rem;line-height:1.4;display:flex}.promotion-design .pd-before{padding-bottom:var(--pd-before-offset)}.promotion-design .pd-after-viewport{aspect-ratio:759/1240;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.promotion-design .pd-device{aspect-ratio:759/1536;isolation:isolate;width:100%;position:relative}.promotion-design .pd-device-screen{background:#fff;border-radius:13%/6%;width:89.06%;height:95.3%;position:absolute;top:2.32%;left:5.47%;overflow:hidden}.promotion-design .pd-phone-before{object-fit:fill;width:100%;height:100%}.promotion-design .pd-phone-body{width:100%;height:auto;position:absolute;inset:0 auto auto 0}.promotion-design .pd-device-anniversary .pd-phone-body{top:30.8%}.promotion-design .pd-device-screen .pd-phone-motion{aspect-ratio:1126/750;object-fit:cover;width:100%;height:auto;position:absolute;top:0;left:0}.promotion-design .pd-device-mid-autumn .pd-phone-motion,.promotion-design .pd-device-imports .pd-phone-motion{aspect-ratio:1126/824}.promotion-design .pd-device-screen .pd-phone-navigation{width:92.5%;height:auto;position:absolute;top:2.55%;left:3.75%}.promotion-design .pd-device-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.promotion-design .pd-end{color:var(--au-muted);flex-direction:row;justify-content:space-between;gap:20px;padding:60px 0 30px;font-size:1rem;display:flex}.promotion-design .pd-calendar{background:0 0;padding:0}.promotion-design .pd-calendar-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.promotion-design .pd-calendar-topline p{color:var(--au-muted);margin:0;font-size:.875rem}.promotion-design .pd-calendar-topline>span{color:#829087;white-space:nowrap;font-size:.75rem}.promotion-design .pd-calendar-preview footer>div{gap:8px;display:flex}.promotion-design .pd-calendar button{font:inherit;cursor:pointer}.promotion-design .pd-calendar-preview header>button,.promotion-design .pd-calendar-preview footer button{color:#253a30;background:0 0;border:1px solid #dce2dc;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.promotion-design .pd-calendar-preview footer button:hover{background:#e7eee8}.promotion-design .pd-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.promotion-design .pd-calendar-project{text-align:left;color:#253a30;background:0 0;border:0;border-radius:6px;width:100%;min-width:0;padding:0;display:block}.promotion-design .pd-calendar-thumb{aspect-ratio:3/2;background:0 0;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.promotion-design .pd-calendar-thumb>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s;display:block}.promotion-design .pd-calendar-project:hover .pd-calendar-thumb>img,.promotion-design .pd-calendar-project.is-active .pd-calendar-thumb>img{transform:scale(1.035)}.promotion-design .pd-calendar-video-badge{color:#fff;letter-spacing:.02em;background:#15271ec4;border-radius:4px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;right:8px}.promotion-design .pd-calendar-project-title{justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;display:flex}.promotion-design .pd-calendar-project-title strong{font-size:16px;font-weight:500;line-height:1.5}.promotion-design .pd-calendar-project-title i{color:#829087;font-size:15px;font-style:normal}.promotion-design .pd-calendar-project-meta{color:#829087;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;margin-top:5px;font-size:11px;line-height:1.5;display:flex}.pd-calendar-portal{z-index:120;pointer-events:none;color:#253a30;position:fixed;inset:0}.promotion-design .pd-calendar-preview{z-index:120;pointer-events:auto;background:#fff;border:1px solid #dce4df;border-radius:12px;max-height:calc(100dvh - 32px);padding:0 12px;animation:.26s ease-out both pd-preview-in;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #16362529,0 2px 10px #1636250d}.pd-calendar-portal button{font:inherit;cursor:pointer}.promotion-design .pd-calendar-preview header{justify-content:space-between;align-items:center;min-height:58px;display:flex}.promotion-design .pd-calendar-preview header>div{align-items:baseline;gap:12px;display:flex}.promotion-design .pd-calendar-preview header span{color:#668071;font-variant-numeric:tabular-nums;font-size:12px}.promotion-design .pd-calendar-preview h4{color:#253a30;margin:0;font-size:17px;font-weight:500}.promotion-design .pd-calendar-preview header>button{border:0;font-size:24px}.promotion-design .pd-calendar-media{aspect-ratio:3/2;background:0 0;border-radius:6px;overflow:hidden}.promotion-design .pd-calendar-media img,.promotion-design .pd-calendar-media video{object-fit:contain;width:100%;height:100%;animation:.24s ease-out both pd-preview-in;display:block}.promotion-design .pd-calendar-preview footer{color:#668071;font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;height:56px;min-height:56px;margin:0;padding:0;font-size:12px;display:flex}.promotion-design .pd-calendar-preview footer small{color:#8b9690;margin-left:12px;font-size:11px}.promotion-design .pd-calendar-preview footer button{width:36px;height:36px}.promotion-design .pd-calendar-preview button:disabled{opacity:.3;cursor:default}@keyframes pd-preview-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.promotion-design button:focus-visible{outline:2px solid var(--au-accent);outline-offset:4px}.promotion-design [tabindex]:focus-visible{outline:2px solid var(--au-accent);outline-offset:4px}@media (max-width:1100px){.promotion-design .pd-methodology-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px 16px}.promotion-design .pd-comparisons{grid-template-columns:minmax(190px,.85fr) minmax(0,2fr);gap:4%;padding:28px 24px}.promotion-design .pd-tabs button{padding:18px 12px}.promotion-design .pd-tabs button>span{font-size:.8125rem}.promotion-design .pd-comparison-layout{gap:20px}.promotion-design .pd-comparison-layout figcaption{flex-direction:column;align-items:center;gap:4px}}@media (max-width:800px){.promotion-design .pd-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.promotion-design .pd-intro{padding-top:136px;padding-bottom:40px}.promotion-design .pd-overview{padding-top:40px}.promotion-design .pd-overview+.au-section{margin-top:56px}.promotion-design .pd-methodology-board{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-design .pd-feature{padding:24px}.promotion-design .pd-comparisons{display:block}.promotion-design .pd-rule-selector{margin-bottom:0}.promotion-design .pd-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.promotion-design .pd-tabs button{gap:6px;padding:12px 8px}.promotion-design .pd-tabs button+button:before{display:none}.promotion-design .pd-tabs button>span{font-size:.75rem}.promotion-design .pd-comparison-stage{margin-top:32px}.promotion-design .pd-comparison-layout{grid-template-columns:.62fr 1fr;max-width:520px;margin-inline:auto}}@media (max-width:520px){.promotion-design .pd-calendar-topline{flex-direction:column;align-items:start;gap:6px;margin-bottom:20px}.promotion-design .pd-calendar-topline p{font-size:.8125rem}.promotion-design .pd-calendar-grid{gap:24px 14px}.promotion-design .pd-calendar-project-title{margin-top:9px}.promotion-design .pd-calendar-project-title strong{font-size:15px}.promotion-design .pd-calendar-project-meta{font-size:10px}.promotion-design .pd-methodology-board{grid-template-columns:1fr;gap:16px;padding:16px}.promotion-design .pd-comparisons{--pd-before-offset:22px;padding:24px 12px}.promotion-design .pd-tabs button{align-items:center;padding:12px 4px}.promotion-design .pd-tabs button>span{display:none}.promotion-design .pd-mobile-rule{text-align:center;color:var(--au-muted);margin-top:14px;font-size:.8125rem;line-height:1.7;display:block}.promotion-design .pd-comparison-layout{gap:14px}.promotion-design .pd-comparison-layout figcaption{margin-bottom:14px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.promotion-design .pd-tabs button,.promotion-design .pd-tab-indicator,.promotion-design .pd-calendar-thumb>img{transition:none}.promotion-design .pd-panel-entering,.promotion-design .pd-calendar-preview,.promotion-design .pd-calendar-media img,.promotion-design .pd-calendar-media video{animation:none}.promotion-design .pd-panel-leaving{opacity:0;animation:none}}.promotion-design .pd-feature,.promotion-design .pd-comparisons,.promotion-design .pd-methodology-board{padding:0}@media (min-width:901px) and (min-height:600px){.promotion-design .pd-methodology-board{grid-template-columns:repeat(5,minmax(0,1fr))}.promotion-design .pd-method-examples{margin-top:16cqw}.promotion-design .pd-feature-main{width:min(800px,100%,149.6svh - 351.56px)}.promotion-design .pd-comparisons{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:7%;max-width:1040px;margin-inline:auto}.promotion-design .pd-comparison-layout{max-width:min(580px,93svh - 223.2px);margin-inline:auto}.promotion-design .pd-tabs button{gap:7px;padding:12px 16px}.promotion-design .pd-tabs button>span{font-size:14px}.promotion-design .pd-tabs strong{font-size:19px}.promotion-design .pd-comparison-layout figcaption{margin-bottom:16px;font-size:18px}}