2023 SDGs 亞太永續博覽會
以活動精華影片凝聚展覽與永續議題的現場氛圍,讓未能到場的觀眾也能了解活動特色。這是我們與 SDGs Asia 合作的第一年;後續也再次受邀,累積更多論壇、展覽與活動影像經驗。
延伸閱讀:2024 SDGs Asia 活動案例/* AMEDEE PHOTOGRAPHY — COMPLETE CUSTOM CSS — 2026-10-20 One complete replacement for the The7 / WordPress Custom CSS field. Contains: existing Blog + Chinese Homepage styles (unchanged), shared in-page navigation (V2), and English Event page (V3.1). This is CSS only. Keep the existing Custom JS unchanged. */ /* Amedee Photography | Original Blog Page (WordPress page 1782) ONE stylesheet. For The7 Classic Blog Masonry template. Title overlays photograph; category links stay below the image. Does not alter masonry columns, image dimensions, or The7's image hover effect. */ /* The article is the positioning reference for the title. */ body.page-id-1782 #content .wf-cell article.post { position: relative !important; } /* Return the content area to normal flow so categories stay BELOW the photo. This also makes the post retain its natural height for The7 masonry. */ body.page-id-1782 #content .wf-cell article.post .blog-content { position: static !important; display: block !important; width: auto !important; height: auto !important; opacity: 1 !important; visibility: visible !important; background: transparent !important; pointer-events: auto !important; z-index: auto !important; margin: 0 !important; padding: 10px 0 0 !important; } /* ONLY the headline floats over the photo. The7 continues to size the photo. */ body.page-id-1782 #content .wf-cell article.post .blog-content h3.entry-title { position: absolute !important; top: calc(50% - 27px) !important; left: 6% !important; width: 88% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; transform: translateY(-50%) !important; z-index: 9999 !important; font-size: 19px !important; line-height: 1.45 !important; font-weight: 700 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .2s ease !important; } body.page-id-1782 #content .wf-cell article.post:hover h3.entry-title, body.page-id-1782 #content .wf-cell article.post:focus-within h3.entry-title { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.page-id-1782 #content .wf-cell article.post h3.entry-title a { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,.95) !important; text-decoration: none !important; } /* Category chips remain BELOW each photo. The7 prints literal comma characters between anchors: font-size:0 on their parent hides those characters without hiding or changing the links. */ body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta { position: static !important; display: block !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 1.6 !important; } body.page-id-1782 #content .wf-cell article.post .blog-content .category-link { font-size: 0 !important; } body.page-id-1782 #content .wf-cell article.post .blog-content .category-link a { display: inline-block !important; margin: 0 7px 6px 0 !important; padding: 5px 10px !important; border: 1px solid #dfe4e9 !important; border-radius: 4px !important; background: #f3f5f6 !important; color: #273746 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.5 !important; text-decoration: none !important; } body.page-id-1782 #content .wf-cell article.post .blog-content .category-link a:hover, body.page-id-1782 #content .wf-cell article.post .blog-content .category-link a:focus { background: #902f2c !important; border-color: #902f2c !important; color: #fff !important; } /* Hide geographic labels (without deleting their WordPress categories). These URL fragments match the actual page HTML provided. */ body.page-id-1782 #content .wf-cell article.post .category-link a[href*="%e5%8f%b0%e5%8c%97"], body.page-id-1782 #content .wf-cell article.post .category-link a[href*="%e9%ab%98%e9%9b%84"], body.page-id-1782 #content .filter a[data-filter=".category-1656"], body.page-id-1782 #content .filter a[data-filter=".category-1"] { display: none !important; } /* Keep excerpts and read-more hidden regardless of page widget settings. */ body.page-id-1782 #content .wf-cell article.post .blog-content > p, body.page-id-1782 #content .wf-cell article.post .blog-content .details { display: none !important; } /* Touchscreen visitors can't rely on hover. */ @media (hover: none) { body.page-id-1782 #content .wf-cell article.post .blog-content h3.entry-title { opacity: 1 !important; visibility: visible !important; font-size: 15px !important; pointer-events: auto !important; } body.page-id-1782 #content .wf-cell article.post .blog-content h3.entry-title a { background: rgba(0,0,0,.35) !important; } } /* Remove separator bullets/dots added by The7 around category links. They are decorative pseudo-elements, not part of the post titles or links. The existing category chips remain clickable. */ body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta .category-link:before, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta .category-link:after, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta .category-link a:before, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta .category-link a:after { content: none !important; display: none !important; } /* Suppress any non-link separator text left when the city categories are hidden. */ body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta .category-link { font-size: 0 !important; } /* Final stray bullet: The7 can add a separator to the metadata WRAPPER, not just to the category links. Suppress that decoration only. */ body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta:before, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta:after { content: none !important; display: none !important; } /* The final clickable dot is the author link ("View all posts by Amedee"). Hide it only on the main blog page, without changing the article, category links, pagination, or Yoast's saved author information. */ body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta a.author, body.page-id-1782 #content .wf-cell article.post .blog-content .entry-meta a[rel="author"] { display: none !important; } /* Homepage - Fix mobile collage layout shift */ @media (max-width: 767px) { body.home #attachment_31042.wp-caption { width: 100% !important; max-width: 100%; box-sizing: border-box; } body.home #attachment_31042 img { display: block; width: 100%; height: auto; aspect-ratio: 1024 / 683; } } /* V2.1: editor-compatible Flexbox replacement. Replaces V2 CSS; do not append. */ /* Amedee Photography: small reusable SiteOrigin/HTML components. */ .ap-e-hero,.ap-e-intro-copy,.ap-e-service,.ap-e-video-showcase,.ap-e-proof,.ap-e-process,.ap-e-callout,.ap-e-price{box-sizing:border-box;color:#263747} .ap-e-hero *,.ap-e-intro-copy *,.ap-e-service *,.ap-e-video-showcase *,.ap-e-proof *,.ap-e-process *,.ap-e-callout *,.ap-e-price *{box-sizing:border-box} .ap-e-row-intro .panel-grid-cell,.ap-e-services .panel-grid-cell,.ap-e-info .panel-grid-cell,.ap-e-pricing-row .panel-grid-cell{min-width:0} .ap-e-hero{text-align:center} .ap-e-hero figure,.ap-e-service figure{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important} .ap-e-hero figure img,.ap-e-service figure img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;position:static!important;margin:0!important} .ap-e-hero figcaption,.ap-e-service figcaption{color:#788493;font-size:12px;line-height:1.6;margin:8px 0 20px;text-align:left} .ap-e-eyebrow,.ap-e-service .ap-ui-small-label{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;color:#993c43;margin:24px 0 8px} .ap-e-hero h1{font-size:52px!important;line-height:1.3!important;margin:8px 0 26px!important;color:#263747!important} .ap-e-hero p:not(.ap-e-eyebrow),.ap-e-intro-copy p{font-size:16px;line-height:1.9;color:#566476;text-align:left} .ap-e-hero .ap-ui-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:22px 0 32px} .ap-e-hero .ap-ui-btn,.ap-e-callout .ap-ui-btn,.ap-e-price .ap-ui-btn{display:inline-block;text-decoration:none!important;padding:11px 20px;border-radius:6px;background:#943941;color:#fff!important;font-weight:600} .ap-e-hero .ap-ui-btn--outline{color:#263747!important;background:#fff;border:1px solid #dce2ea} .ap-e-intro-copy{padding:0 0 25px} .ap-e-intro-copy h2,.ap-e-price h3,.ap-e-proof h3,.ap-e-process h3{font-size:27px!important;line-height:1.35!important;margin:18px 0!important;color:#263747!important} .ap-e-service{padding:26px 30px;margin:12px 0 23px!important;border:1px solid #e0e6ed;border-radius:12px;background:#fff} .ap-e-service--tint{background:#f5f7f9} .ap-e-service--blue{background:#edf2f7} .ap-e-service .ap-ui-small-label{margin:0 0 8px} .ap-e-service h2{font-size:30px!important;line-height:1.4!important;margin:0 0 16px!important} .ap-e-service h2 a{color:#263747;text-decoration:none} .ap-e-service figure{margin-bottom:14px!important} .ap-e-service .ap-ui-service-copy p,.ap-e-service .ap-ui-service-copy li{line-height:1.85;color:#566476} .ap-e-video-showcase{margin:-8px 0 27px!important;padding:0 18px 20px;border-bottom:1px solid #e0e6ed} .ap-e-video-showcase h3{font-size:23px!important;color:#263747!important;margin:12px 0 18px!important} .ap-e-video-showcase .ap-ui-video-pair{display:flex;flex-wrap:wrap;gap:20px} .ap-e-video-showcase .ap-ui-video{flex:1 1 45%;min-width:0;padding:0 0 10px} .ap-e-video-showcase .ap-ui-video-ratio{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#202a33;overflow:hidden;border-radius:8px} .ap-e-video-showcase .ap-ui-video-lite,.ap-e-video-showcase iframe{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0} .ap-e-video-showcase .ap-ui-video-lite img{display:block;width:100%;height:100%;object-fit:cover} .ap-e-video-showcase .ap-ui-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(25,38,53,.87);border:2px solid #fff} .ap-e-video-showcase .ap-ui-play:after{content:"";position:absolute;left:23px;top:17px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent} .ap-e-video-showcase .ap-ui-case-category{display:block;color:#8b3940;font-size:12px;margin:14px 0 4px} .ap-e-video-showcase h4{font-size:19px!important;margin:6px 0!important;color:#263747!important} .ap-e-video-showcase p{font-size:14px;line-height:1.75;color:#566476} .ap-e-video-showcase .ap-ui-case-link{font-size:13px;color:#943941} .ap-e-proof,.ap-e-process,.ap-e-price{padding:25px 0} .ap-e-proof img,.ap-e-intro-copy img,.ap-e-price img{max-width:100%;height:auto} .ap-e-proof p,.ap-e-process p,.ap-e-price p{line-height:1.85;color:#566476} .ap-e-proof .ap-ui-benefits{display:flex;flex-wrap:wrap;gap:14px 22px} .ap-e-proof .ap-ui-benefits>.ap-ui-benefit{flex:1 1 45%;min-width:0} .ap-e-proof .ap-ui-benefit{border-top:2px solid #dce3ea;padding:14px 0} .ap-e-proof .ap-ui-benefit h4{font-size:18px;margin:4px 0} .ap-e-process .ap-ui-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:20px 0} .ap-e-process .ap-ui-steps li{flex:1 1 0;min-width:0;list-style:none;background:#f6f8fb;padding:17px 13px;border:1px solid #e1e7ed;border-top:3px solid #943941;border-radius:8px} .ap-e-process .ap-ui-steps li strong{display:block;color:#263747} .ap-e-callout{background:#943941;color:#fff!important;padding:25px;border-radius:9px;margin:18px 0} .ap-e-callout *{color:#fff!important} .ap-e-callout .ap-ui-btn{background:#fff;color:#943941!important} .ap-e-price .ap-ui-price-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0} .ap-e-price .ap-ui-price-list li{flex:1 1 45%;min-width:0;list-style:none;padding:15px;border:1px solid #e3e8ef;background:#f7f9fc;border-radius:7px} .ap-e-price .ap-ui-price-list p{margin:5px 0} @media screen and (max-width:900px){ .ap-e-process .ap-ui-steps>li{flex:0 1 31%} } @media screen and (max-width:680px){ .ap-e-video-showcase .ap-ui-video,.ap-e-proof .ap-ui-benefits>.ap-ui-benefit,.ap-e-price .ap-ui-price-list>li,.ap-e-process .ap-ui-steps>li{flex:1 1 100%} .ap-e-service{padding:18px 15px} .ap-e-service h2{font-size:25px!important} .ap-e-video-showcase{padding:0 0 16px} .ap-e-hero h1{font-size:30px!important} } /* Pair the video-production examples with their lightly tinted service panel. */ .ap-e-video-showcase--blue{background:#edf2f7;border:1px solid #dfe6ef;border-radius:10px;padding:20px 24px 24px;margin:0 0 28px!important} /* Reusable overview / advantages band: SiteOrigin row, not new image assets. */ .ap-e-proof-row{background:#f2f5f9;border:1px solid #e2e8ef;border-radius:12px;padding:26px 30px!important;margin:35px auto} .ap-e-proof-row .ap-e-proof{padding:2px 0 12px} .ap-e-proof-row .ap-ui-benefit{background:#fff;border:1px solid #e0e7ef;border-left:3px solid #943941;border-radius:8px;padding:15px 18px} .ap-e-proof-row .ap-ui-benefit h4{margin:0 0 7px} .ap-e-proof-row .ap-ui-benefit p{margin:0} /* A five-stage process with visible progression; original items remain editable. */ .ap-e-process .ap-ui-steps{gap:16px;margin:30px 0 25px} .ap-e-process .ap-ui-steps>li{position:relative;min-width:0;margin:0;background:#fff;border:1px solid #dce5ee;border-radius:12px;border-top:4px solid #943941;padding:22px 16px 20px;box-shadow:0 3px 13px rgba(28,55,83,.05)} .ap-e-process .ap-ui-step-number{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:#eef3f9;color:#365b80;border:1px solid #ccdce9;border-radius:50%;font-size:20px;font-weight:800;margin:0 0 17px} .ap-e-process .ap-ui-steps h4{font-size:18px!important;color:#263747;margin:0 0 9px!important} .ap-e-process .ap-ui-steps p{font-size:14px;line-height:1.7;margin:0} .ap-e-process .ap-ui-steps>li:not(:last-child):after{content:"→";position:absolute;right:-18px;top:38px;font-size:26px;line-height:1;color:#943941;z-index:2} @media screen and (max-width:900px){ .ap-e-process .ap-ui-steps>li:not(:last-child):after{display:none} } @media screen and (max-width:680px){ .ap-e-proof-row{padding:20px 16px!important} .ap-e-process .ap-ui-steps{gap:12px} .ap-e-process .ap-ui-steps>li{padding:18px 17px} } /* FAQ band — one continuous section, with native keyboard-accessible disclosure panels. */ .ap-e-faq-heading-row { background: #f7f2f2; border: 1px solid #e9dfe0; border-bottom: 0; border-top: 4px solid #943941; border-radius: 14px 14px 0 0; padding: 32px 36px 8px !important; margin: 34px 0 0 !important; } .ap-e-faq-heading-row .ap-e-faq-intro {max-width: 960px;} .ap-e-faq-heading-row .ap-e-faq-intro h2 { font-size: 29px !important; line-height: 1.35 !important; color: #263747 !important; margin: 8px 0 12px !important; } .ap-e-faq-heading-row .ap-e-faq-intro p {color:#586779;line-height:1.75;margin:0 0 12px;} .ap-e-faq-row { display: flex; gap: 16px; align-items: flex-start; background: #f7f2f2; border: 1px solid #e9dfe0; border-top: 0; border-radius: 0 0 14px 14px; padding: 8px 36px 32px !important; margin: 0 0 44px !important; } .ap-e-faq-row > .panel-grid-cell {flex: 1 1 0;min-width:0;} .ap-e-faq-col {padding:0;background:transparent;} .ap-e-faq-col .ap-e-faq-item { margin: 0 0 12px; background: #fff; border: 1px solid #e5dbdd; border-radius: 9px; overflow: hidden; box-shadow: 0 2px 9px rgba(50,30,40,.025); } .ap-e-faq-col .ap-e-faq-item[open]{border-color:#cdaeb3;} .ap-e-faq-item summary { list-style:none;display:flex;align-items:center;justify-content:space-between; gap:12px;cursor:pointer;padding:17px 18px; color:#263747;font-size:16px;font-weight:700;line-height:1.55; } .ap-e-faq-item summary::-webkit-details-marker{display:none;} .ap-e-faq-item summary:after { content:'+';flex:0 0 27px;width:27px;height:27px;display:flex; align-items:center;justify-content:center;border-radius:50%; background:#f5eaec;color:#943941;font-size:22px;font-weight:400; } .ap-e-faq-item[open] summary:after {content:'−';} .ap-e-faq-item summary:focus-visible {outline:3px solid #28639a;outline-offset:-3px;} .ap-e-faq-item .ap-e-faq-answer {padding:0 18px 17px;} .ap-e-faq-item .ap-e-faq-answer p{color:#566476;line-height:1.85;font-size:14px;margin:0;} /* Contact — clear choices instead of tall empty cards. WPForms stays unchanged. */ .ap-e-contact-row { display:flex;align-items:stretch;gap:32px; padding:39px 40px !important; background:#e9eff5 !important; border-radius:14px; } .ap-e-contact-row > .panel-grid-cell {min-width:0;} .ap-e-contact-row > .panel-grid-cell:first-child {flex:0 1 45%;} .ap-e-contact-row > .panel-grid-cell:last-child {flex:1 1 55%;} .ap-e-contact-info {background:transparent;padding:12px 4px 6px 0;min-width:0;} .ap-e-contact-info .ap-ui-contact-card {background:transparent;} .ap-e-contact-info .ap-ui-small-label {color:#943941;letter-spacing:.14em;font-size:11px;font-weight:700;} .ap-e-contact-info #ap-ui-contact-title { font-size:33px !important;line-height:1.3 !important; color:#263747 !important;margin:13px 0 20px !important; } .ap-e-contact-info .ap-ui-contact-lead { margin:0 0 15px;color:#4d5d70;font-size:16px;line-height:1.85; } .ap-e-contact-info .ap-ui-contact-hint {margin:0 0 20px;color:#586779;font-size:14px;line-height:1.7;} .ap-e-contact-info .ap-ui-contact-actions { display:flex;flex-wrap:wrap;gap:11px;margin:23px 0 26px; } .ap-e-contact-info .ap-ui-contact-action { flex:1 1 175px;min-width:0;min-height:61px; display:flex;align-items:center;gap:12px; border:1px solid #ccd6e2;border-radius:9px; padding:11px 13px;text-decoration:none !important; background:#fff;color:#263747 !important; transition:border-color .15s ease,background .15s ease; } .ap-e-contact-info .ap-ui-contact-action:hover {border-color:#943941;background:#fffafa;} .ap-e-contact-info .ap-ui-contact-action svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .ap-e-contact-info .ap-ui-contact-action small {display:block;font-size:12px;color:#68788b;line-height:1.45;margin-bottom:3px;} .ap-e-contact-info .ap-ui-contact-action strong {display:block;font-size:16px;line-height:1.45;font-weight:700;white-space:normal;} .ap-e-contact-info .ap-ui-contact-action--line {background:#06c755;color:#fff !important;border-color:#06c755;} .ap-e-contact-info .ap-ui-contact-action--line:hover {background:#05b84e;border-color:#05b84e;} .ap-e-contact-info .ap-ui-contact-action--line small{color:#f2fff6;} .ap-e-contact-info .ap-ui-line-mark { flex:0 0 auto;display:inline-flex;justify-content:center;align-items:center; border-radius:5px;background:#fff;color:#06a848; padding:5px;font-size:10px;font-weight:800;letter-spacing:-.03em; } .ap-e-contact-info .ap-ui-contact-action:focus-visible{outline:3px solid #28639a;outline-offset:3px;} .ap-e-contact-info .ap-ui-contact-details {border-top:1px solid #cfd9e4;padding-top:20px;margin-top:8px;} .ap-e-contact-info .ap-ui-contact-details p { display:flex;flex-wrap:wrap;align-items:baseline;gap:7px; font-size:14px;color:#566476;margin:0 0 9px;line-height:1.65; } .ap-e-contact-info .ap-ui-contact-details strong {color:#263747;margin-right:4px;} .ap-e-contact-info .ap-ui-contact-details a {color:#943941;overflow-wrap:anywhere;} .ap-e-contact-info .ap-ui-contact-availability {margin:16px 0 14px;font-size:13px;color:#5b6c80;} .ap-e-contact-info .ap-ui-social {display:flex;gap:9px 18px;flex-wrap:wrap;} .ap-e-contact-info .ap-ui-social a {display:inline-block;font-size:13px;text-decoration:none;color:#566476;} .ap-e-contact-info .ap-ui-social a:hover {color:#943941;text-decoration:underline;} .ap-e-contact-form { background:#fff;border-radius:12px;border:1px solid #dfe6ee; padding:28px 32px;min-width:0; } .ap-e-contact-form .wpforms-container {max-width:100%;margin:0;} @media screen and (max-width:900px) { .ap-e-contact-row {gap:18px;padding:28px 24px !important;} .ap-e-contact-info .ap-ui-contact-actions {flex-direction:column;} .ap-e-contact-info .ap-ui-contact-action {flex:0 0 auto;} } @media screen and (max-width:700px) { .ap-e-faq-heading-row {padding:24px 18px 6px !important;margin-top:25px !important;} .ap-e-faq-row {display:block;padding:8px 18px 22px !important;} .ap-e-faq-heading-row .ap-e-faq-intro h2 {font-size:24px !important;} .ap-e-faq-item summary {font-size:15px;} .ap-e-contact-row {display:block;padding:22px 18px !important;} .ap-e-contact-info {padding:4px 0 22px;} .ap-e-contact-info #ap-ui-contact-title {font-size:29px !important;} .ap-e-contact-info .ap-ui-contact-actions {flex-direction:row;} .ap-e-contact-info .ap-ui-contact-action{flex:1 1 100%;} .ap-e-contact-form{padding:23px 20px;} } @media (prefers-reduced-motion:reduce){ .ap-e-contact-info .ap-ui-contact-action {transition:none;} } /* Shared Chinese + English in-page navigation (V2) */ .navstrip{background:#f3f5f8;border-top:1px solid #e7e9ed;border-bottom:1px solid #e7e9ed} .navstrip .wrap{box-sizing:border-box;width:calc(100% - 44px);max-width:1120px;margin:auto;display:flex;gap:24px;align-items:center;overflow-x:auto;white-space:nowrap;padding:14px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch} .navstrip .wrap a{flex:none;color:#515f72!important;text-decoration:none!important;font-size:13px;font-weight:650;line-height:1.5} .navstrip .wrap a:hover,.navstrip .wrap a:focus-visible{color:#89454c!important} .navstrip .wrap a:focus-visible{outline:2px solid #89454c;outline-offset:3px;border-radius:2px} .ap-en-row .navstrip{margin:22px 0 30px} .ap-en-row [id^="en-"]{scroll-margin-top:90px} .ap-en-row[id="contact-us"]{scroll-margin-top:90px} @media(max-width:700px){.navstrip .wrap{gap:18px;padding:12px 0}.ap-en-row .navstrip{margin:18px 0 25px}} /* English Event page V3.1: rounded collages, video frames, contact area. */ .ap-en-collage{display:block;max-width:100%;height:auto;border-radius:12px} .ap-en-video-row .panel-grid-cell{min-width:0} .ap-en-video-row img,.ap-en-video-row iframe,.ap-en-video-row video,.ap-en-video-row .fluid-width-video-wrapper,.ap-en-video-row .video-container{border-radius:12px;overflow:hidden} .ap-en-contact-band{box-sizing:border-box;max-width:1120px;margin:36px auto 48px!important;padding:34px 38px!important;background:#eef2f6!important;border:1px solid #dfe6ee;border-radius:14px;align-items:flex-start} .ap-en-contact-band>.panel-grid-cell{min-width:0} .ap-en-contact-band .ap-en-contact-copy{margin:0 0 22px} .ap-en-contact-band .ap-en-contact-copy h2{font-size:30px!important;line-height:1.3!important;color:#263747!important;margin:0 0 13px!important} .ap-en-contact-band .ap-en-contact-copy p{font-size:15px;line-height:1.8;color:#526176;margin:0 0 13px} .ap-en-contact-band .ap-en-contact-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0} .ap-en-contact-band .ap-en-contact-tags span{background:#fff;border:1px solid #d9e1ea;border-radius:20px;padding:5px 11px;color:#526176;font-size:12px;font-weight:650} .ap-en-contact-band .wpforms-container{box-sizing:border-box;max-width:100%;margin:0!important;padding:25px 27px;background:#fff;border:1px solid #dfe6ee;border-radius:12px} .ap-en-contact-band .wpforms-container .wpforms-field-label{color:#263747} .ap-en-contact-band .ap-en-contact-sidebar{box-sizing:border-box;background:#fff;border:1px solid #dfe6ee;border-radius:12px;padding:26px 25px 19px} .ap-en-contact-band .ap-en-contact-sidebar h3{font-size:21px!important;line-height:1.4!important;color:#263747!important;margin:0 0 17px!important} .ap-en-contact-band .ap-en-contact-sidebar p{font-size:14px;line-height:1.85;color:#566476;margin:0 0 16px;overflow-wrap:anywhere} .ap-en-contact-band .ap-en-contact-sidebar strong{color:#263747} .ap-en-contact-band .ap-en-contact-sidebar a{color:#28639a!important;text-decoration:none} .ap-en-contact-band .ap-en-contact-sidebar a:hover{text-decoration:underline} /* Primary English-language messaging option: WhatsApp. Uses existing blue, no green accent. */ .ap-en-contact-band .ap-en-contact-sidebar .ap-en-whatsapp-cta{display:block;background:#f7f9fc;border:1px solid #d9e4ef;border-left:4px solid #28639a;border-radius:8px;padding:13px 15px;margin:0 0 20px;color:#263747!important;text-decoration:none!important} .ap-en-contact-band .ap-en-whatsapp-cta strong{display:block;color:#263747;font-size:15px;line-height:1.5} .ap-en-contact-band .ap-en-whatsapp-cta span{display:block;color:#526176;font-size:13px;line-height:1.6;margin-top:2px} .ap-en-contact-band .ap-en-whatsapp-cta:hover{background:#edf3fa;border-color:#28639a} .ap-en-contact-band .ap-en-whatsapp-cta:focus-visible{outline:3px solid #28639a;outline-offset:3px} .ap-en-contact-band .panel-grid-cell:last-child .so-panel:last-child{margin-top:15px} @media(max-width:800px){.ap-en-contact-band{padding:26px 22px!important}} @media(max-width:700px){.ap-en-contact-band{display:block;margin:26px auto 36px!important;padding:22px 18px!important}.ap-en-contact-band>.panel-grid-cell{width:100%!important;max-width:100%!important;margin:0!important}.ap-en-contact-band .wpforms-container{padding:20px 18px}.ap-en-contact-band .ap-en-contact-sidebar{margin-top:22px;padding:23px 20px 15px}.ap-en-contact-band .ap-en-contact-copy h2{font-size:27px!important}} /* Event page videos — same thumbnail-card language as Corporate Video Production. No extra JS: sitewide a.ap-ui-video-lite handler already does click-to-play. */ .ap-en-event-video-row>.panel-grid-cell{min-width:0} .ap-en-event-video-card{box-sizing:border-box;background:#fff;border:1px solid #dfe7f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(20,45,75,.045);height:100%;transition:transform .2s ease,box-shadow .2s ease} .ap-en-event-video-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,45,75,.1)} .ap-en-event-video-media{position:relative;aspect-ratio:16/9;background:#182634;overflow:hidden} .ap-en-event-video-media>.ap-ui-video-lite,.ap-en-event-video-media>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:0!important} .ap-en-event-video-link{cursor:pointer} .ap-en-event-video-link img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .3s ease,filter .3s ease} .ap-en-event-video-link:hover img{transform:scale(1.035);filter:brightness(.8)} .ap-en-event-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(22,40,65,.87);border:2px solid rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 24px rgba(0,0,0,.2);transition:background .2s ease,transform .2s ease} .ap-en-event-video-play svg{width:27px;height:27px;fill:#fff;margin-left:4px} .ap-en-event-video-link:hover .ap-en-event-video-play{background:#981c0c;transform:translate(-50%,-50%) scale(1.07)} .ap-en-event-video-label{position:absolute;bottom:15px;left:16px;color:#fff!important;background:rgba(18,30,47,.77);padding:7px 12px;border-radius:5px;font-size:12px;font-weight:600} .ap-en-event-video-body{padding:20px 24px 23px} .ap-en-event-video-body h3{font-size:20px!important;line-height:1.45!important;font-weight:700!important;color:#263747!important;margin:0!important} .ap-en-event-video-link:focus-visible{outline:4px solid #28639a;outline-offset:-4px} @media(max-width:700px){.ap-en-event-video-play{width:60px;height:60px}.ap-en-event-video-body{padding:18px 20px 20px}.ap-en-event-video-body h3{font-size:18px!important}} @media(prefers-reduced-motion:reduce){.ap-en-event-video-card,.ap-en-event-video-link img,.ap-en-event-video-play{transition:none}} /* =========================================================== CHINESE PRODUCT PHOTOGRAPHY — V2 (Event-style layout) SiteOrigin native widgets: image grids, pricing, reviews, WPForms Only ap-product-v2 scoped selectors; .navstrip is globally shared. No JavaScript changes or additional YouTube / analytics snippets. =========================================================== */ .ap-product-v2 {box-sizing:border-box;color:#263747;} .ap-product-v2 *, .ap-product-v2 *:before, .ap-product-v2 *:after{box-sizing:border-box;} .ap-product-v2>.panel-grid-cell{min-width:0;} .ap-product-v2 p,.ap-product-v2 li{color:#566476;line-height:1.88;} .ap-product-v2 h1,.ap-product-v2 h2,.ap-product-v2 h3,.ap-product-v2 h4{color:#263747;line-height:1.4;} .ap-product-v2 h2{font-size:29px;margin:7px 0 15px;} .ap-product-v2 h3{font-size:22px;} .ap-product-v2 h4{font-size:20px;} .ap-product-v2-kicker{display:block;color:#ac303a!important;font-size:11px!important;letter-spacing:.13em;font-weight:700;line-height:1.6!important;margin:0 0 10px!important;} .ap-product-v2-intro{margin:18px 0 0!important;} .ap-product-v2-intro h1{font-size:44px!important;line-height:1.3!important;margin:5px 0 19px!important;} .ap-product-v2-intro p:not(.ap-product-v2-kicker){font-size:16px;line-height:1.9;} .ap-product-v2-nav{margin:16px 0 20px!important;} .ap-product-v2-nav .navstrip{margin:0;border-radius:5px;} .ap-product-v2-nav .navstrip .wrap{max-width:1120px;} .ap-product-v2-anchor{height:0;scroll-margin-top:95px;} #ap-product-scenes,#ap-product-cutout,#ap-product-fees,#ap-product-reviews,#ap-product-contact{scroll-margin-top:95px;} .ap-product-v2-gallery{margin:0 0 26px!important;} /* Native SiteOrigin ImageGrid keeps its original attachment IDs, alt, order, and link behavior. */ /* Three equal-width columns without CSS Grid: compatible with older editor validators. */ .ap-product-v2-gallery .sow-image-grid-wrapper{ display:flex; flex-wrap:wrap; align-items:flex-start; margin:0 -6px; text-align:left; } .ap-product-v2-gallery .sow-image-grid-image{ box-sizing:border-box; display:block; flex:0 0 33.333333%; width:33.333333%!important; min-width:0!important; max-width:33.333333%!important; margin:0!important; padding:0 6px 12px!important; } .ap-product-v2-gallery .sow-image-grid-image img{width:100%;height:auto;display:block;max-width:100%!important;border-radius:9px;border:1px solid #e8edf1;} .ap-product-v2-gallery .sow-image-grid-image a{display:block;} .ap-product-v2-gallery .sow-image-grid-image a:focus-visible{outline:3px solid #ac303a;outline-offset:3px;border-radius:9px;} .ap-product-v2-gallery .sow-image-grid-image_html{max-width:100%;} .ap-product-v2-about{margin:20px 0 25px!important;} .ap-product-v2-copy h2{margin:9px 0 17px!important;font-size:29px!important;} .ap-product-v2-copy h3{margin:0 0 13px!important;font-size:23px!important;} .ap-product-v2-copy h4{margin:20px 0 12px!important;} .ap-product-v2-copy ul{padding-left:22px;} .ap-product-v2-copy li{margin-bottom:9px;} /* Styled rows use the SiteOrigin row wrapper, not substitute image widgets. */ .ap-product-v2-card-row{background:#fff;border:1px solid #e3e9ef;border-radius:11px;padding:23px 26px!important;margin:12px 0 24px!important;} .ap-product-v2-card-row--tinted{background:#f4f7fa;} .ap-product-v2-card-row h4{margin:0 0 12px!important;font-size:21px!important;} .ap-product-v2-card-row .ap-product-v2-gallery{margin:14px 0 0!important;} .ap-product-v2-types-row{margin:17px 0 23px!important;} .ap-product-v2-steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 23px;} .ap-product-v2-step{flex:1 1 26%;min-width:0;border:1px solid #e1e7ee;background:#f8fafc;padding:16px;border-radius:8px;font-size:13px;color:#566476;line-height:1.75;} .ap-product-v2-step strong{display:block;color:#ac303a;margin-bottom:6px;} .ap-product-v2-step span{display:block;} .ap-product-v2-portfolio-footer{margin:16px 0 36px!important;} .ap-product-v2-portfolio-cta .sow-cta-base{border-radius:10px!important;overflow:hidden;} .ap-product-v2-portfolio-cta h2,.ap-product-v2-portfolio-cta h3{color:#263747!important;} .ap-product-v2-fees-row{margin:24px 0 25px!important;} .ap-product-v2-section-title{margin:0 0 12px!important;} .ap-product-v2-heading h2{font-size:28px!important;margin:0 0 13px!important;} .ap-product-v2-accordion{margin:0 0 24px!important;} .ap-product-v2-accordion .sow-accordion-panel-header{border-radius:8px;} .ap-product-v2-accordion .sow-accordion-panel-content{line-height:1.9;} .ap-product-v2-review-row{margin:12px 0 30px!important;} .ap-product-v2-testimonials{margin:8px 0 17px!important;} .ap-product-v2-testimonials .sow-testimonial{border:1px solid #e2e8f0;border-radius:11px;overflow:hidden;} .ap-product-v2-testimonials .sow-testimonial-text{line-height:1.8;} .ap-product-v2-quote-row{margin:0 0 30px!important;border-top:1px solid #e2e8ef;padding-top:24px;} .ap-product-v2-quote-cta .sow-cta-base{border:0;background:transparent!important;} .ap-product-v2-quote-cta h2,.ap-product-v2-quote-cta h3{color:#263747!important;} /* Event-style contact: blue-gray band, white WPForms panel, LINE + telephone cards. */ .ap-product-v2-contact-row{display:flex;align-items:stretch;gap:27px;background:#e9eff5;border-radius:13px;padding:33px 31px!important;margin:16px 0 39px!important;} .ap-product-v2-contact-row>.panel-grid-cell{min-width:0;} .ap-product-v2-contact-row>.panel-grid-cell:first-child{flex:0 1 47%;} .ap-product-v2-contact-row>.panel-grid-cell:last-child{flex:1 1 53%;} .ap-product-v2-contact-editor{min-width:0;padding:7px 3px 0;} .ap-product-v2-contact-info h2{font-size:30px!important;line-height:1.3!important;margin:7px 0 17px!important;} .ap-product-v2-contact-lead{font-size:15px;line-height:1.85;} .ap-product-v2-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 23px;} .ap-product-v2-action{flex:1 1 175px;min-width:0;display:flex;align-items:center;gap:11px;text-decoration:none!important;background:#fff;border:1px solid #cbd6e2;border-radius:9px;padding:13px 12px;color:#263747!important;} .ap-product-v2-action:hover{background:#f9fbfe;border-color:#ac303a;} .ap-product-v2-action-icon{font-size:22px;flex:0 0 25px;text-align:center;} .ap-product-v2-action small{display:block;font-size:12px;color:#6e7d8e;line-height:1.4;} .ap-product-v2-action strong{display:block;font-size:14px;font-weight:700;line-height:1.55;color:inherit;white-space:normal;overflow-wrap:anywhere;} .ap-product-v2-action--line{background:#06c755;color:#fff!important;border-color:#06c755;} .ap-product-v2-action--line:hover{background:#05b84e;border-color:#05b84e;} .ap-product-v2-action--line small{color:#eefff3;} .ap-product-v2-line-mark{background:#fff;color:#06a848;border-radius:4px;flex:0 0 auto;padding:4px;font-weight:800;font-size:10px;line-height:1.5;} .ap-product-v2-action:focus-visible{outline:3px solid #28639a;outline-offset:3px;} .ap-product-v2-contact-details{border-top:1px solid #cbd6e0;padding-top:18px;} .ap-product-v2-contact-details p{font-size:13px;line-height:1.75;margin:0 0 10px;overflow-wrap:anywhere;} .ap-product-v2-contact-details a{color:#923442;text-decoration:none;} .ap-product-v2-contact-details a:hover{text-decoration:underline;} .ap-product-v2-social{margin-top:16px!important;} .ap-product-v2-form{background:#fff;border:1px solid #e0e6ee;border-radius:11px;padding:25px 26px;min-width:0;} .ap-product-v2-form .wpforms-container{max-width:100%;margin:0;} .ap-product-v2-form .wpforms-field-label{color:#263747;} @media(max-width:900px){ .ap-product-v2-contact-row{gap:18px;padding:26px 22px!important;} .ap-product-v2-action{flex:1 1 100%;} .ap-product-v2-form{padding:22px 19px;} } @media(max-width:700px){ .ap-product-v2-intro h1{font-size:31px!important;} .ap-product-v2 h2,.ap-product-v2-heading h2{font-size:24px!important;} .ap-product-v2-gallery .sow-image-grid-wrapper{margin:0 -4.5px;} .ap-product-v2-gallery .sow-image-grid-image{ flex:0 0 50%; width:50%!important; max-width:50%!important; padding:0 4.5px 9px!important; } .ap-product-v2-card-row{padding:19px 16px!important;} .ap-product-v2-step{flex:1 1 100%;} .ap-product-v2-contact-row{display:block;padding:22px 17px!important;} .ap-product-v2-contact-row>.panel-grid-cell{width:100%!important;max-width:100%!important;margin:0!important;} .ap-product-v2-contact-info h2{font-size:25px!important;} .ap-product-v2-form{margin-top:22px;padding:22px 17px;} .ap-product-v2-nav{margin:13px 0 16px!important;} } @media(prefers-reduced-motion:reduce){.ap-product-v2-action{transition:none;}} /* 形象照 V2: compact page-only rules; nav and contact use shared styles. */ .ap-portrait-v2,.ap-portrait-v2 *{box-sizing:border-box} .ap-portrait-v2>.panel-grid-cell{min-width:0} .ap-portrait-v2{color:#263747} .ap-portrait-v2 h1,.ap-portrait-v2 h2,.ap-portrait-v2 h3{color:#263747;line-height:1.4} .ap-portrait-v2 h2{font-size:29px} .ap-portrait-v2 p,.ap-portrait-v2 li{color:#566476;line-height:1.85} .ap-portrait-v2 a:focus-visible{outline:3px solid #ac303a;outline-offset:3px} .ap-portrait-v2-hero-row{margin:0 0 18px!important} .ap-portrait-v2-hero-photo,.ap-portrait-v2-hero-photo .wp-caption{display:block;width:100%!important;max-width:100%!important;margin:0!important} .ap-portrait-v2-hero-photo img{display:block;width:100%!important;max-width:100%!important;height:auto!important;border-radius:11px} .ap-portrait-v2-hero-photo .wp-caption-text{font-size:12px;line-height:1.6;color:#788493;margin:8px 0 14px;text-align:left} .ap-portrait-v2-intro-row{margin:18px 0 24px!important} .ap-portrait-v2-opening h1{font-size:44px!important;line-height:1.32!important;margin:5px 0 19px!important} .ap-portrait-v2-opening p:not(.ap-product-v2-kicker){font-size:16px;line-height:1.88} .ap-portrait-v2-hero-photo--second{margin:22px 0 19px!important} .ap-portrait-v2-nav-widget{margin:16px 0 22px!important} .ap-portrait-v2-nav-widget .navstrip{margin:0} .ap-portrait-v2 [id^="portrait-"]{scroll-margin-top:90px} .ap-portrait-v2-about-row{margin:18px 0 26px!important} .ap-portrait-v2-about h2{margin:3px 0 15px!important} .ap-portrait-v2-about h3{font-size:23px!important;margin:24px 0 15px!important} .ap-portrait-v2-advice-row{margin:23px 0 34px!important} .ap-portrait-v2-advice{padding:27px 29px;background:#eef3f8;border:1px solid #dfe7ef;border-radius:12px} .ap-portrait-v2-advice h2{font-size:26px!important;margin:2px 0 12px!important} .ap-portrait-v2-advice-items{display:flex;gap:12px;padding:0!important;margin:21px 0!important;list-style:none!important} .ap-portrait-v2-advice-items li{flex:1 1 0;min-width:0;margin:0!important;list-style:none!important;background:#fff;border:1px solid #dfe5ec;border-radius:9px;padding:18px} .ap-portrait-v2-advice-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#edf2f9;color:#ac303a;font-weight:800;margin-bottom:10px} .ap-portrait-v2-advice-items strong{display:block;color:#263747;font-size:15px;margin:0 0 7px} .ap-portrait-v2-advice-items li>span:last-child{display:block;color:#566476;font-size:13px;line-height:1.75} .ap-portrait-v2-advice-link{display:inline-block;padding:10px 17px;border-radius:7px;background:#ac303a;color:#fff!important;font-weight:700;text-decoration:none!important} .ap-portrait-v2-advice-link:hover{background:#8f2933} .ap-portrait-v2-types-row{margin:22px 0 25px!important} .ap-portrait-v2-types-intro h2{margin:4px 0 13px!important} .ap-portrait-v2-type-card{background:#fff;border:1px solid #e3e9ef;border-radius:11px;padding:26px 28px!important;margin:17px 0!important} .ap-portrait-v2-type-card--tint{background:#f4f7fa} .ap-portrait-v2-type h3{font-size:22px!important;margin:0 0 16px!important} .ap-portrait-v2-type .wp-caption{width:100%!important;max-width:100%!important;margin:19px auto 0!important} .ap-portrait-v2-type img{width:100%!important;max-width:100%;height:auto!important;border-radius:10px} .ap-portrait-v2-type .wp-caption-text{text-align:left;color:#788493;font-size:12px;line-height:1.65;padding:6px 0 0} .ap-portrait-v2-cta-row{margin:20px 0 37px!important} .ap-portrait-v2-cta-widget .sow-cta-base{border-radius:10px!important;overflow:hidden} .ap-portrait-v2-price-heading-row{margin:21px 0 8px!important} .ap-portrait-v2-heading-widget h2{font-size:29px!important;margin:5px 0 15px!important} .ap-portrait-v2-prices-row{margin:0 0 31px!important} .ap-portrait-v2-prices-row>.panel-grid-cell{min-width:0} .ap-portrait-v2-price-widget{border:1px solid #dfe5ed;border-radius:11px;overflow:hidden;background:#fff;height:100%} .ap-portrait-v2-price-widget .sow-accordion-panel-header{background:#eff3f8!important;color:#263747!important;border-radius:0!important} .ap-portrait-v2-price-widget .sow-accordion-panel-header .sow-accordion-title{color:#263747!important;font-size:17px!important;font-weight:700} .ap-portrait-v2-price-widget .sow-accordion-panel-content{padding:0 19px 20px!important} .ap-portrait-v2-prices{padding:4px 0 10px} .ap-portrait-v2-pricerow{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e6ebf1;padding:15px 0} .ap-portrait-v2-pricerow>div{min-width:0} .ap-portrait-v2-pricerow strong{color:#263747;font-size:15px} .ap-portrait-v2-pricerow small{display:block;color:#718095;line-height:1.6;font-size:12px;margin-top:3px} .ap-portrait-v2-pricerow .ap-portrait-v2-amount{color:#456da2;font-size:23px;white-space:nowrap} .ap-portrait-v2-pricing-details{padding:14px 0 0} .ap-portrait-v2-pricing-details p,.ap-portrait-v2-pricing-details li{font-size:13px;line-height:1.85} .ap-portrait-v2-pricing-details ul{padding-left:20px;margin:8px 0} .ap-portrait-v2-faq-row{background:#f8f2f3;border-top:4px solid #ac303a;border-radius:12px;padding:26px 28px!important;margin:21px 0 36px!important} .ap-portrait-v2-faq-heading h2{font-size:29px!important;margin:5px 0 13px!important} .ap-portrait-v2-faq-widget .sow-accordion-panel{overflow:hidden;border-radius:8px} .ap-portrait-v2-faq-widget .sow-accordion-panel-content{line-height:1.85} .ap-portrait-v2-faq-widget .sow-accordion-panel-content p,.ap-portrait-v2-faq-widget .sow-accordion-panel-content li{font-size:14px;line-height:1.9} .ap-portrait-v2-contact-row{margin-top:10px!important} .ap-portrait-v2-contact-editor .ap-product-v2-contact-info h2{font-size:30px!important} .ap-portrait-v2-social{margin-top:17px!important} @media(max-width:900px){.ap-portrait-v2-advice-items{flex-wrap:wrap} .ap-portrait-v2-advice-items li{flex:1 1 46%} } @media(max-width:700px){.ap-portrait-v2-opening h1{font-size:31px!important} .ap-portrait-v2 h2,.ap-portrait-v2-heading-widget h2,.ap-portrait-v2-faq-heading h2{font-size:24px!important} .ap-portrait-v2-hero-photo img{border-radius:8px} .ap-portrait-v2-advice{padding:20px 17px} .ap-portrait-v2-advice-items li{flex:1 1 100%} .ap-portrait-v2-type-card{padding:19px 16px!important} .ap-portrait-v2-type h3{font-size:20px!important} .ap-portrait-v2-prices-row>.panel-grid-cell{width:100%!important;max-width:100%!important;margin:0 0 15px!important} .ap-portrait-v2-pricerow .ap-portrait-v2-amount{font-size:21px} .ap-portrait-v2-faq-row{padding:19px 16px!important} .ap-portrait-v2-contact-editor .ap-product-v2-contact-info h2{font-size:25px!important} } /* ============================================================ 2026 ZH SERVICE PAGES: one SHARED addition for FOUR pages (interior / drone / food / pricing). Reuses .navstrip, .ap-product-v2-gallery, .ap-product-v2-contact-row, .ap-product-v2-form, .ap-portrait-v2-faq-row etc. No new JavaScript. Keep original global CSS intact. ============================================================ */ .ap-zh-services,.ap-zh-services *{box-sizing:border-box} .ap-zh-services>.panel-grid-cell{min-width:0} .ap-zh-services h1,.ap-zh-services h2,.ap-zh-services h3{color:#263747;line-height:1.4} .ap-zh-services h2{font-size:29px;margin:5px 0 17px} .ap-zh-services h3{font-size:21px} .ap-zh-services p,.ap-zh-services li{color:#566476;line-height:1.85} .ap-zh-first{margin:13px 0 15px!important} .ap-zh-intro h1{font-size:41px!important;line-height:1.32!important;margin:4px 0 19px!important} .ap-zh-intro p:not(.ap-product-v2-kicker){font-size:16px} .ap-zh-nav .navstrip{margin:19px 0 20px} .ap-zh-services [id^="interior-"],.ap-zh-services [id^="drone-"],.ap-zh-services [id^="food-"],.ap-zh-services [id^="price-"]{scroll-margin-top:95px} .ap-zh-gallery-row{margin:10px 0 27px!important} .ap-zh-photo-pair{display:flex;gap:14px;margin:5px 0 21px;align-items:flex-start} .ap-zh-photo-pair>.ap-zh-original-photo{min-width:0;flex:1 1 50%} .ap-zh-original-photo,.ap-zh-original-photo .wp-caption{max-width:100%!important;width:100%!important;margin:0!important} .ap-zh-original-photo img{display:block;width:100%!important;height:auto!important;border-radius:10px} .ap-zh-original-photo .wp-caption-text{text-align:left;font-size:12px;color:#758496;line-height:1.55;padding-top:6px} .ap-zh-wide-gallery{margin:10px 0 24px!important} .ap-zh-gallery-heading{margin-bottom:10px!important} .ap-zh-copy-row,.ap-zh-case-row,.ap-zh-fees-row,.ap-zh-steps-row,.ap-zh-testimonials-row,.ap-zh-factors-row,.ap-zh-post-row{margin:21px 0 30px!important} .ap-zh-type-row{margin:13px 0 24px!important} .ap-zh-type-card{background:#fff;border:1px solid #e3e9ef;border-radius:11px;padding:23px 26px;margin:15px 0} .ap-zh-type-tint{background:#f4f7fa} .ap-zh-type-card h3{font-size:21px!important;margin:0 0 12px!important} .ap-zh-type-card .wp-caption{max-width:100%!important;width:100%!important;margin:16px 0 0!important} .ap-zh-type-card img{display:block;width:100%!important;height:auto!important;border-radius:9px} .ap-zh-type-card .wp-caption-text{color:#758496;font-size:12px;text-align:left;padding-top:6px} .ap-zh-case-grid,.ap-zh-price-grid,.ap-zh-steps{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0} .ap-zh-case{flex:1 1 42%;min-width:0;padding:21px 23px;border:1px solid #e1e8ef;border-radius:11px;background:#fff} .ap-zh-case h3{font-size:19px!important;margin:4px 0 13px!important} .ap-zh-case p{font-size:13px;line-height:1.82} .ap-zh-case a,.ap-zh-card-link a{color:#a03745;text-decoration:none;font-weight:700;font-size:13px} .ap-zh-case a:hover,.ap-zh-card-link a:hover{text-decoration:underline} .ap-zh-case .ap-zh-tag,.ap-zh-price-tag{font-size:11px!important;color:#9f414d!important;font-weight:700;letter-spacing:.03em} .ap-zh-price-card{flex:1 1 43%;min-width:0;background:#fff;border:1px solid #e0e6ee;border-radius:11px;overflow:hidden} .ap-zh-price-top{background:#eff3f8;padding:18px 21px;border-bottom:1px solid #e1e7ef} .ap-zh-price-top h3{font-size:19px!important;margin:0 0 6px!important} .ap-zh-price-top p{font-size:12px;margin:0} .ap-zh-price-body{padding:19px 21px 21px} .ap-zh-price-number{font-size:24px;font-weight:800;color:#44679b;line-height:1.4} .ap-zh-price-card ul{padding:0 0 0 18px;margin:12px 0 0} .ap-zh-price-card li{font-size:13px;line-height:1.8;margin:5px 0} .ap-zh-card-link{margin:12px 0 0;padding:0 20px 17px} .ap-zh-steps>.ap-zh-step{flex:1 1 27%;min-width:0;border:1px solid #e0e8f0;border-radius:9px;background:#f6f8fb;padding:20px} .ap-zh-step>b{display:inline-block;color:#496b99;background:#e6edf7;font-size:12px;padding:6px 10px;border-radius:7px;margin-bottom:12px} .ap-zh-step h3{font-size:17px!important;margin:0 0 8px!important} .ap-zh-step p{font-size:13px;line-height:1.75;margin:0} .ap-zh-technical{border:1px solid #e0e7ee;border-radius:11px;background:#f4f7fa;padding:25px 27px;margin:16px 0 28px!important} .ap-zh-note{border-left:3px solid #bac8d9;background:#f6f8fa;border-radius:5px;padding:17px 20px;margin:20px 0} .ap-zh-note h3{font-size:18px!important} .ap-zh-video-single,.ap-zh-videos-row{margin:15px 0 22px!important} .ap-zh-360-embed iframe{display:block;max-width:100%;border-radius:10px} .ap-zh-faq-row{margin-top:28px!important} .ap-zh-contact-row{margin-top:18px!important} .ap-zh-free{font-size:14px;line-height:1.82;margin:17px 0} .ap-zh-price-image{margin:12px 0 25px!important} .ap-zh-original-cta{margin:8px 0 20px!important} .ap-zh-services a:focus-visible{outline:3px solid #ac303a;outline-offset:3px} @media(max-width:900px){.ap-zh-steps>.ap-zh-step{flex:1 1 43%}} @media(max-width:700px){ .ap-zh-intro h1{font-size:30px!important} .ap-zh-services h2{font-size:24px} .ap-zh-photo-pair{gap:9px} .ap-zh-case,.ap-zh-price-card,.ap-zh-steps>.ap-zh-step{flex:1 1 100%} .ap-zh-type-card{padding:19px 16px} .ap-zh-type-card h3{font-size:20px!important} .ap-zh-technical{padding:20px 17px} .ap-zh-videos-row>.panel-grid-cell,.ap-zh-legacy-fees-row>.panel-grid-cell{width:100%!important;max-width:100%!important;margin:0 0 16px!important} } /* DRONE V4 — scoped refinements only; all other service-page styles remain shared. */ .ap-zh-drone-opening-photos{margin:8px 0 15px!important} .ap-zh-drone-intro-row{margin:13px 0 19px!important} .ap-zh-drone-nav-row{margin:3px 0 23px!important} .ap-zh-drone-duo .sow-image-grid-image{flex:0 0 50%;width:50%!important;max-width:50%!important;padding:0 7px 13px!important} .ap-zh-drone-duo .sow-image-grid-wrapper{margin:0 -7px} .ap-zh-drone-duo img{width:100%!important;height:auto!important;max-width:100%!important} .ap-zh-drone-case-grid .ap-zh-case{padding:0 0 20px;overflow:hidden} .ap-zh-drone-case-grid .ap-zh-case>.ap-zh-tag,.ap-zh-drone-case-grid .ap-zh-case>h3,.ap-zh-drone-case-grid .ap-zh-case>p:not(.ap-zh-tag),.ap-zh-drone-case-grid .ap-zh-case>a:not(.ap-zh-drone-case-cover){margin-left:22px;margin-right:22px} .ap-zh-drone-case-cover{display:block;overflow:hidden;margin-bottom:17px} .ap-zh-drone-case-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease} .ap-zh-drone-case-cover:hover img{transform:scale(1.025)} .ap-zh-drone-video-hero{max-width:900px;margin:9px auto 27px} .ap-zh-drone-video-pair{margin-bottom:30px!important} .ap-zh-drone-video-pair>.panel-grid-cell{min-width:0} .ap-zh-drone-video-card .ap-en-event-video-body{padding-bottom:21px} .ap-zh-drone-video-desc{font-size:14px!important;line-height:1.8;margin:11px 0 0!important;color:#566476!important} .ap-zh-drone-card-extra{margin:12px 0 0!important} .ap-zh-drone-card-extra a{font-size:13px;color:#a03745;text-decoration:none;font-weight:700} .ap-zh-drone-360-card{border:1px solid #e0e7ee;border-radius:12px;overflow:hidden;background:#f4f7fa;margin:13px 0 31px} .ap-zh-drone-360-copy{padding:24px 27px 16px} .ap-zh-drone-360-copy h3{margin:0 0 12px!important} .ap-zh-drone-360-embed{padding:0 16px 17px} .ap-zh-drone-360-embed iframe{display:block;width:100%;border:0;border-radius:9px} @media(max-width:700px){.ap-zh-drone-video-pair>.panel-grid-cell{width:100%!important;max-width:100%!important;margin-bottom:17px!important}.ap-zh-drone-360-copy{padding:19px 17px 13px}.ap-zh-drone-360-embed{padding:0 9px 10px}.ap-zh-drone-360-embed iframe{height:315px}.ap-zh-drone-case-grid .ap-zh-case>.ap-zh-tag,.ap-zh-drone-case-grid .ap-zh-case>h3,.ap-zh-drone-case-grid .ap-zh-case>p:not(.ap-zh-tag),.ap-zh-drone-case-grid .ap-zh-case>a:not(.ap-zh-drone-case-cover){margin-left:17px;margin-right:17px}} @media(prefers-reduced-motion:reduce){.ap-zh-drone-case-cover img{transition:none}} /* =============================================================== 安德攝影 | 影片製作費用 V5 | Page 31184 Reuses shared .navstrip and .ap-product-v2-form. Page-specific production scope cards, section bands, mobile layout. No additional JS or Google Analytics. =============================================================== */ /* Amedee Photography | Video Production Pricing V2 | scoped to Page 31184 content */ .ap-vpc-page{--ap-vpc-accent:#ac303a;--ap-vpc-ink:#232426;--ap-vpc-soft:#f7f6f4;--ap-vpc-border:#e7e4e1;max-width:1160px;margin:0 auto;color:var(--ap-vpc-ink);font-family:inherit;font-size:16px;line-height:1.8} .ap-vpc-page *{box-sizing:border-box} .ap-vpc-page h1,.ap-vpc-page h2,.ap-vpc-page h3{font-family:inherit;color:inherit;line-height:1.3;letter-spacing:0} .ap-vpc-page p{margin:0 0 16px} .ap-vpc-page a{text-decoration:none} .ap-vpc-page a:focus-visible,.ap-vpc-page summary:focus-visible{outline:3px solid #9d6b74;outline-offset:4px} .ap-vpc-hero{padding:38px 0 12px} .ap-vpc-kicker,.ap-vpc-eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--ap-vpc-accent);text-transform:uppercase} .ap-vpc-page .ap-vpc-hero h1{font-size:clamp(32px,4.6vw,54px);margin:12px 0 10px;font-weight:760} .ap-vpc-subtitle{font-size:clamp(18px,2.3vw,24px);font-weight:600;line-height:1.55;margin-bottom:22px!important;max-width:860px} .ap-vpc-hero>p:not(.ap-vpc-subtitle){max-width:850px} .ap-vpc-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0} .ap-vpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;min-height:44px;padding:10px 22px;font-size:15px;font-weight:700;transition:opacity .18s ease,background-color .18s ease} .ap-vpc-page .ap-vpc-btn-primary{background:var(--ap-vpc-accent);color:#fff} .ap-vpc-page .ap-vpc-btn-quiet{background:#f3f0ee;color:var(--ap-vpc-ink)} .ap-vpc-page .ap-vpc-btn:hover{opacity:.87} .ap-vpc-page figure{margin:0} .ap-vpc-page figure img{display:block;width:100%;height:auto;border-radius:7px} .ap-vpc-page figcaption{padding-top:6px;color:#686767;font-size:12px;line-height:1.5} .ap-vpc-hero-figure{margin:34px 0 12px!important} .ap-vpc-section{padding:58px 0 12px;scroll-margin-top:120px} .ap-vpc-page .ap-vpc-section h2{font-size:clamp(25px,3.2vw,35px);margin:10px 0 20px;font-weight:750} .ap-vpc-page .ap-vpc-section h3{font-size:19px;margin:8px 0 10px;font-weight:700} .ap-vpc-section>p:not(.ap-vpc-eyebrow){max-width:920px} .ap-vpc-budget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0 14px} .ap-vpc-budget-card{background:var(--ap-vpc-soft);padding:24px 18px;border:1px solid var(--ap-vpc-border);border-top:3px solid var(--ap-vpc-accent);border-radius:6px;min-width:0} .ap-vpc-budget-card>span{display:block;font-size:13px;color:#595757;margin-bottom:7px} .ap-vpc-budget-card strong{display:block;font-size:clamp(21px,2.4vw,28px);line-height:1.3;color:var(--ap-vpc-ink);font-weight:750;letter-spacing:-.03em;white-space:nowrap} .ap-vpc-budget-card p{font-size:14px;margin:14px 0 0} .ap-vpc-fineprint{font-size:13px;color:#696566} .ap-vpc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px} .ap-vpc-feature-grid article{border:1px solid var(--ap-vpc-border);padding:22px;border-radius:5px} .ap-vpc-feature-grid h3{margin-top:4px!important} .ap-vpc-feature-grid article p,.ap-vpc-type-grid article p,.ap-vpc-3d-grid article p{font-size:14px;margin-bottom:0} .ap-vpc-index{display:block;color:var(--ap-vpc-accent);font-size:12px;font-weight:700} .ap-vpc-photo-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0} .ap-vpc-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px} .ap-vpc-type-grid article{padding:24px;background:var(--ap-vpc-soft);border-radius:6px;display:flex;flex-direction:column} .ap-vpc-type-grid article a{font-size:13px;color:var(--ap-vpc-accent);font-weight:700;margin-top:auto;padding-top:16px} .ap-vpc-3d-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0} .ap-vpc-3d-grid article{border-radius:6px;border:1px solid var(--ap-vpc-border);padding:24px} .ap-vpc-chip{font-size:11px;color:var(--ap-vpc-accent);font-weight:750;letter-spacing:.07em} .ap-vpc-note{padding:26px 28px;background:var(--ap-vpc-soft);border-left:3px solid var(--ap-vpc-accent);margin:10px 0 23px} .ap-vpc-note p:last-child{margin-bottom:0} .ap-vpc-wide-img{max-width:820px} .ap-vpc-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0} .ap-vpc-scope-grid>div{border-top:2px solid var(--ap-vpc-border);padding-top:15px} .ap-vpc-scope-grid p{font-size:14px} .ap-vpc-questions{margin-top:24px;border-top:1px solid var(--ap-vpc-border)} .ap-vpc-questions>div{display:grid;grid-template-columns:175px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--ap-vpc-border)} .ap-vpc-questions strong{font-weight:700} .ap-vpc-faqs{border-top:1px solid var(--ap-vpc-border)} .ap-vpc-faqs details{border-bottom:1px solid var(--ap-vpc-border);padding:15px 0} .ap-vpc-faqs summary{cursor:pointer;position:relative;padding:4px 30px 4px 0;font-size:16px;font-weight:700;list-style:none} .ap-vpc-faqs summary::-webkit-details-marker{display:none} .ap-vpc-faqs summary:after{content:"+";position:absolute;right:4px;top:0;color:var(--ap-vpc-accent);font-size:22px} .ap-vpc-faqs details[open] summary:after{content:"−"} .ap-vpc-faqs details p{margin:10px 0 4px;max-width:860px;font-size:14px} .ap-vpc-closing{background:#e9eff5;color:var(--ap-vpc-ink);padding:43px 38px;border-radius:6px;margin:66px 0 18px} .ap-vpc-closing h2,.ap-vpc-closing p{color:var(--ap-vpc-ink)} .ap-vpc-page .ap-vpc-closing h2{font-size:clamp(23px,3vw,33px);margin:10px 0 14px} .ap-vpc-closing p{max-width:770px} .ap-vpc-page .ap-vpc-btn-white{background:var(--ap-vpc-accent);color:#fff} .ap-vpc-page .ap-vpc-btn-outline{border:1px solid #b9b4b4;color:var(--ap-vpc-ink)} .ap-vpc-form-anchor{scroll-margin-top:120px} .ap-vpc-formrow{max-width:900px;margin:0 auto;padding:16px 12px 48px} .ap-vpc-formrow .wpforms-container{margin-top:0} .ap-vpc-formrow .wpforms-submit{background:#ac303a!important;color:#fff!important;border:0;border-radius:4px;padding:13px 25px!important;cursor:pointer} @media (max-width:960px){.ap-vpc-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-vpc-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-vpc-feature-grid,.ap-vpc-type-grid,.ap-vpc-3d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-vpc-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.ap-vpc-page{font-size:15px;line-height:1.75}.ap-vpc-hero{padding-top:10px}.ap-vpc-page .ap-vpc-hero h1{font-size:33px}.ap-vpc-budget-grid,.ap-vpc-feature-grid,.ap-vpc-photo-pair,.ap-vpc-type-grid,.ap-vpc-3d-grid,.ap-vpc-scope-grid{grid-template-columns:1fr}.ap-vpc-section{padding-top:40px}.ap-vpc-actions{gap:9px}.ap-vpc-btn{width:100%}.ap-vpc-questions>div{grid-template-columns:1fr;gap:2px}.ap-vpc-note{padding:18px}.ap-vpc-closing{padding:30px 20px;margin-top:43px}.ap-vpc-budget-card strong{white-space:normal;font-size:29px}} @media (prefers-reduced-motion:reduce){.ap-vpc-btn{transition:none}} .ap-vpc-trust-image{max-width:970px;margin:48px auto 0}.ap-vpc-trust-image img{display:block;width:100%;height:auto;border-radius:6px} /* V3: restrained alternating section surfaces — no changes to global theme */ .ap-vpc-page{--ap-vpc-warm:#fbf7f4;--ap-vpc-cool:#f3f6f8} .ap-vpc-section{padding:48px 35px 42px;margin:26px -10px 0;border:1px solid transparent;border-radius:10px;scroll-margin-top:120px} .ap-vpc-section--warm{background:var(--ap-vpc-warm);border-color:#efe6e0} .ap-vpc-section--cool{background:var(--ap-vpc-cool);border-color:#e8edf0} .ap-vpc-section--white{background:#fff;border-color:#eeebe8} .ap-vpc-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;margin-bottom:22px;align-items:stretch} .ap-vpc-budget-card{background:#fff;padding:25px 25px 22px;border:1px solid #e8e3e0;border-top:4px solid var(--ap-vpc-accent);border-radius:8px;display:flex;flex-direction:column;min-width:0} .ap-vpc-budget-card h3{font-size:20px!important;margin:4px 0 6px!important;line-height:1.4} .ap-vpc-budget-kicker{font-size:12px;letter-spacing:.06em;font-weight:700;color:#77706d} .ap-vpc-budget-amount{font-size:clamp(27px,3.1vw,34px);line-height:1.2;font-weight:770;letter-spacing:-.03em;color:var(--ap-vpc-ink);margin:10px 0 8px} .ap-vpc-budget-badge{font-size:13px!important;color:var(--ap-vpc-accent);font-weight:750;display:inline-block;align-self:start;border-radius:4px;background:#f8ecee;padding:4px 10px;margin:4px 0 14px!important} .ap-vpc-budget-lead{font-size:15px!important;margin:0 0 12px!important;color:#383838} .ap-vpc-budget-points{margin:5px 0 12px;padding-left:21px;line-height:1.65} .ap-vpc-budget-points li{font-size:14px;margin:0 0 10px;padding-left:2px} .ap-vpc-budget-points li::marker{color:var(--ap-vpc-accent)} .ap-vpc-budget-points strong{display:inline;font-size:inherit;letter-spacing:0;white-space:normal;font-weight:750;color:inherit} .ap-vpc-budget-caveat{font-size:13px!important;color:#716862;padding:13px 14px;background:#f8f7f6;border-radius:5px;margin:auto 0 10px!important} .ap-vpc-budget-project{font-size:12px!important;color:#777;margin:4px 0 0!important} .ap-vpc-tier-takeaway{background:#fff;border-left:4px solid var(--ap-vpc-accent);padding:19px 22px;margin:0 0 14px!important;border-radius:0 5px 5px 0;font-size:15px} .ap-vpc-section--cool .ap-vpc-type-grid article,.ap-vpc-section--warm .ap-vpc-note{background:#fff;border:1px solid var(--ap-vpc-border)} .ap-vpc-section--cool .ap-vpc-type-grid article{border-radius:6px} .ap-vpc-section--white .ap-vpc-feature-grid article{background:#fbfaf9} .ap-vpc-section--warm .ap-vpc-3d-grid article{background:#fff} .ap-vpc-section--cool .ap-vpc-questions{border-color:#dce4e9} @media (max-width:960px){.ap-vpc-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:720px){.ap-vpc-budget-grid{grid-template-columns:1fr}} @media (max-width:600px){.ap-vpc-section{margin:18px -14px 0;padding:28px 20px 27px;border-radius:8px}.ap-vpc-budget-card{padding:22px 20px}.ap-vpc-budget-amount{font-size:31px}.ap-vpc-budget-points li{font-size:14px}.ap-vpc-tier-takeaway{padding:15px 17px}} /* V4: make the usual full-production range easier to recognize */ .ap-vpc-common-range{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #ead9dc;border-left:4px solid #ac303a;border-radius:6px;padding:17px 19px;margin:23px 0 6px} .ap-vpc-common-range p{font-size:14px;line-height:1.65;margin:4px 0 0!important;color:#595253} .ap-vpc-common-range strong{font-size:16px;line-height:1.5} .ap-vpc-common-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:#f5e6e9;color:#ac303a;font-size:15px;font-weight:750;margin-top:1px} .ap-vpc-budget-card--popular{background:#fffdfd;border-color:#e4c4c9;border-top-color:#ac303a;box-shadow:0 2px 10px rgba(123,51,62,.055)} .ap-vpc-budget-card--popular .ap-vpc-budget-badge{background:#ac303a;color:#fff} .ap-vpc-budget-lead strong{font-weight:750} .ap-vpc-budget-caveat strong{font-weight:750} @media (max-width:600px){.ap-vpc-common-range{padding:15px 14px;gap:11px}.ap-vpc-common-range strong{font-size:14px}} /* V5 preview: small per-budget color modifiers; reuse existing ap-vpc cards and layout. These are temporary until checked against the site's latest COMPLETE custom CSS. */ .ap-vpc-budget-card--tier-60{--ap-vpc-tier-bg:#f1f3f4;--ap-vpc-tier-border:#d7dbdf;--ap-vpc-tier-accent:#8c949b;--ap-vpc-tier-badge-bg:#e3e7e9;--ap-vpc-tier-badge-ink:#49525a} .ap-vpc-budget-card--tier-150{--ap-vpc-tier-bg:#fff4f3;--ap-vpc-tier-border:#e7c9ca;--ap-vpc-tier-accent:#ac303a;--ap-vpc-tier-badge-bg:#ac303a;--ap-vpc-tier-badge-ink:#fff} .ap-vpc-budget-card--tier-200{--ap-vpc-tier-bg:#edf5f6;--ap-vpc-tier-border:#c5dce0;--ap-vpc-tier-accent:#4b818d;--ap-vpc-tier-badge-bg:#4b818d;--ap-vpc-tier-badge-ink:#fff} .ap-vpc-budget-card--tier-300{--ap-vpc-tier-bg:#f6f2e9;--ap-vpc-tier-border:#e0d6c4;--ap-vpc-tier-accent:#987f56;--ap-vpc-tier-badge-bg:#e9dfcf;--ap-vpc-tier-badge-ink:#67553b} .ap-vpc-budget-grid .ap-vpc-budget-card{background:var(--ap-vpc-tier-bg);border-color:var(--ap-vpc-tier-border);border-top-color:var(--ap-vpc-tier-accent)} .ap-vpc-budget-grid .ap-vpc-budget-card .ap-vpc-budget-badge{background:var(--ap-vpc-tier-badge-bg);color:var(--ap-vpc-tier-badge-ink)} .ap-vpc-budget-grid .ap-vpc-budget-card .ap-vpc-budget-caveat{background:rgba(255,255,255,.65)} .ap-vpc-budget-grid .ap-vpc-budget-card .ap-vpc-budget-points li::marker{color:var(--ap-vpc-tier-accent)} .ap-vpc-budget-card .ap-vpc-budget-lead strong,.ap-vpc-budget-card .ap-vpc-budget-caveat strong{display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit;white-space:normal;color:inherit;font-weight:750} /* Shared navstrip: spacing only; appearance is from sitewide .navstrip. */ .ap-vpc-page .navstrip.ap-vpc-jump{margin:22px 0 14px;border-radius:6px} .ap-vpc-page .navstrip.ap-vpc-jump .wrap{max-width:1120px} /* Align this page with the existing Chinese V2 palette. */ .ap-vpc-page{--ap-vpc-ink:#263747} /* The SiteOrigin row itself is a shared-style form card. */ .ap-vpc-formrow.ap-product-v2-form{max-width:900px;margin:10px auto 46px!important} .ap-vpc-formrow.ap-product-v2-form .wpforms-container{max-width:100%;margin:0} @media(max-width:700px){.ap-vpc-page .navstrip.ap-vpc-jump{margin:17px 0 12px}.ap-vpc-formrow.ap-product-v2-form{padding:20px 17px!important}}