@font-face{font-family:"YL Camera Chinese";src:url("./assets/fonts/YLCameraChinese-Recipe.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+4E2A,U+54D1,U+571F,U+5929,U+6258,U+6A59,U+7070,U+73C0,U+7425,U+7816,U+7A7A,U+7EA2,U+7EC6,U+80A4,U+8282,U+8910,U+892A,U+89D2,U+8D6D,U+9634,U+9752,U+9ED1}
/* YL 35：摄影杂志的版面秩序，与 App 共用中英文字体。 */
@font-face{font-family:"YL Camera Latin";src:url("./assets/fonts/YLCameraLatin-DisplayBold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+20,U+33,U+35,U+4C,U+59}
:root{color-scheme:light;--ink:#102838;--muted:#68716d;--bg:#eeeae1;--panel:#f6f2e9;--line:#10283826;--accent:#9b5f42;--paper:#eeeae1;--paper-ink:#102838}
.site-header{max-width:1440px;padding-inline:4.6vw;gap:20px;background:var(--bg)}
.brand strong{font-size:20px;letter-spacing:.025em}.brand small{letter-spacing:.16em}
.desktop-nav{gap:25px}.nav-download{display:none}.header-tools{gap:15px}
.product-dropdown{box-shadow:0 14px 32px #10283818}.product-dropdown .menu-rule{border-top:1px solid var(--line);margin-top:7px;padding-top:14px}
.all-products{padding:5px 12px}.site-footer{background:#10232e;color:#eeeae1;--muted:#b6bfbd;--line:#eeeae12e}
.site-footer{max-width:none;padding-inline:max(4.6vw,calc((100vw - 1308px)/2))}
.site-footer .brand strong{font-size:19px}
.document p,.document li{color:#4f5d5c}
.editorial-wrap{width:100%;max-width:1440px;margin:auto;padding-inline:4.6vw}
.editorial-hero{position:relative;padding-top:32px;padding-bottom:33px;overflow:hidden}
.editorial-opening{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:560px}
.editorial-copy{position:relative;z-index:1;padding-block:4px 20px}
.editorial-title{margin:0;color:var(--ink);font-weight:500;line-height:1}
.editorial-title .product-name{display:block;font-size:23px;letter-spacing:.055em;margin-bottom:14px}
.model-name{display:block;font:700 clamp(145px,18.6vw,268px)/.91 var(--sans);letter-spacing:-.065em;white-space:nowrap}
.editorial-slogan{font:400 clamp(35px,4vw,57px)/1.32 var(--sans);letter-spacing:.025em;margin-top:22px}
.editorial-slogan span,.editorial-slogan em{display:block;white-space:nowrap}.editorial-slogan em{font-style:normal;color:var(--accent)}
.editorial-intro{margin-top:27px;max-width:440px;font-size:16px;line-height:1.85;color:#4f5d5c}
.editorial-intro small{display:block;font-size:13px;line-height:1.8;margin-top:3px}
.editorial-actions{display:flex;align-items:center;gap:29px;margin-top:28px;flex-wrap:wrap}
.editorial-actions .button{background:#102838;color:#f4f0e8;min-height:52px;padding:12px 23px;font-size:14px}
.editorial-actions .button-app-icon{width:27px;height:27px;border-radius:6px}
.editorial-fine{margin-top:17px;color:var(--muted);font-size:11px}
.front-camera{position:relative;margin-left:-16px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:45px}
.front-camera img{width:100%;height:auto;filter:drop-shadow(0 17px 14px #10283817)}
.front-camera figcaption{font-size:10px;text-align:right;color:var(--muted);letter-spacing:.16em;padding-right:10px;margin-top:-8px}
.camera-annotation{margin-top:14px;text-align:right;font-size:12px;line-height:1.6;letter-spacing:.015em;color:#455355}
.editorial-index{position:absolute;top:31px;right:4.6vw;font-size:10px;letter-spacing:.2em;text-align:right;line-height:1.6}
html[lang=en] .editorial-slogan{font-size:clamp(27px,3.55vw,50px);letter-spacing:-.018em}
html[lang=en] .editorial-title .product-name{font-size:22px;letter-spacing:.01em}
.camera-pair{background:#e1e6e5;padding-top:36px;padding-bottom:42px;border-top:1px solid #10283812}
.pair-kicker{display:flex;justify-content:space-between;gap:20px;color:#566668;font-size:10px;letter-spacing:.2em}
.pair-stage{position:relative;max-width:1300px;margin:14px auto 0;aspect-ratio:2.48}
.rear-camera{position:absolute;width:63%;right:0;top:1%;height:auto;filter:drop-shadow(0 16px 15px #10283820)}
.landscape-phone{position:absolute;width:61%;left:0;bottom:0;aspect-ratio:1634/780;isolation:isolate;filter:drop-shadow(0 18px 12px #10283830)}
.phone-hardware{position:absolute;left:0;top:-.7153%;width:100%;height:101.4306%;max-width:none;transform:rotate(180deg);border-radius:9.3%/19.5%;object-fit:fill;z-index:0}
.phone-display{position:absolute;left:1.6%;width:96.8%;aspect-ratio:2868/1320;top:50%;transform:translateY(-50%);border-radius:9.5%/20.65%;overflow:hidden;z-index:1;background:#000}
.phone-screen{width:100%;height:100%;object-fit:contain}
.lcd-recipe{position:absolute;left:23.9888%;top:28.7879%;width:48.6053%;height:58.7121%;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;background:#000;color:#fff;font-family:var(--sans);line-height:1.4}
.lcd-toolbar{display:flex;justify-content:space-between;align-items:center;height:8cqw;min-height:8cqw;padding:1.5cqw 3cqw}
.lcd-toolbar svg{width:3.4cqw;height:3.4cqw;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lcd-spread{display:grid;grid-template-columns:1fr 1fr;gap:2.2cqw;padding:0 2.5cqw;flex:1;min-height:0}
.lcd-primary{min-width:0;overflow:hidden}.lcd-primary>img{width:100%;aspect-ratio:21/9;object-fit:contain}
.lcd-primary h3{font-size:3.2cqw;font-weight:400;line-height:1.3;margin-top:1.6cqw}
.lcd-primary p{font-size:1.9cqw;line-height:1.5;color:#ccc;margin-top:1cqw}
.lcd-secondary{width:100%;height:100%;min-height:0;object-fit:contain}
.lcd-strip{display:flex;justify-content:center;gap:2.2cqw;padding:2cqw 2.5cqw 1.2cqw;flex-shrink:0}
.lcd-strip button{position:relative;width:17cqw;min-width:0;border:0;background:none;padding:0 0 1.5cqw;font-size:2.1cqw;line-height:1.4;color:#aaa}
.lcd-strip button img{width:100%;aspect-ratio:21/9;object-fit:cover;border:1px solid #ffffff40}
.lcd-strip button span{display:block;margin-top:.65cqw;white-space:nowrap}
.lcd-strip button[aria-pressed=true]{color:#fff}
.lcd-strip button[aria-pressed=true] img{border-color:#f0dbab;box-shadow:0 0 1.4cqw #f0dbab70}
.lcd-strip button[aria-pressed=true]::after{content:"";position:absolute;width:5cqw;height:.3cqw;bottom:0;left:50%;transform:translateX(-50%);background:#f0dbab;border-radius:2px}
.lcd-strip button:focus-visible{outline:1px solid #f0dbab;outline-offset:2px}
.phone-island{position:absolute;left:2.805%;top:40.17%;width:4.107%;height:21.03%;object-fit:fill;border-radius:50%/20%;transform:rotate(180deg);z-index:2}
.pair-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:29px}
.pair-caption h2{font-size:clamp(24px,2.6vw,37px);line-height:1.4;font-weight:400;letter-spacing:.015em}
.pair-caption p{font-size:12px;color:#5b696a;margin-top:9px}
.app-recipe-controls{display:flex;gap:22px;flex-shrink:0}
.app-recipe-controls button{border:0;border-bottom:1px solid transparent;padding:9px 0;background:none;font-size:12px;color:#667575;min-height:44px;min-width:44px}
.app-recipe-controls button[aria-pressed=true]{border-color:#102838;color:#102838}
.top-camera{display:flex;align-items:center;gap:30px;margin-top:33px;padding-top:25px;border-top:1px solid #1028381c}
.top-camera img{width:44%;max-width:490px;height:auto;filter:drop-shadow(0 16px 15px #10283820)}
.top-camera figcaption{color:#5b696a;font-size:13px;line-height:1.8}
.top-camera figcaption>span{display:block}.top-camera figcaption>span:first-child{font-size:9px;letter-spacing:.18em;margin-bottom:8px}
.photo-interlude{position:relative;overflow:hidden;background:#24382e}
.photo-interlude>img{width:100%;height:clamp(270px,35vw,470px);object-fit:cover;object-position:center 59%}
.photo-interlude figcaption{position:absolute;bottom:25px;left:4.6vw;background:#10232ec9;color:#f8f4e8;padding:11px 17px;font-size:17px;letter-spacing:.1em}
.photo-interlude .photo-credit{position:absolute;bottom:28px;right:4.6vw;font-size:10px;color:#fff;background:#10232ec9;padding:5px 9px}
.editorial-gallery{background:#10232e;color:#eeeae1;padding-block:68px 54px;--ink:#eeeae1;--muted:#acb7b4;--line:#eeeae134;--accent:#c58b67}
.gallery-layout{display:grid;grid-template-columns:.9fr 1.65fr;gap:55px;align-items:start}
.editorial-section-number{font-size:10px;letter-spacing:.24em;color:var(--accent);margin-bottom:28px}
.gallery-copy h2{font-size:clamp(29px,3.15vw,44px);line-height:1.5;font-weight:400;letter-spacing:.025em}
.gallery-copy>p:not(.editorial-section-number){font-size:14px;color:var(--muted);line-height:2;margin-top:22px;max-width:340px}
.contact-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0}
.contact-sheet .recipe-tab{display:block;border:0;background:none;padding:0;color:#bac5bf;text-align:left;min-width:0;font-weight:400}
.contact-sheet .recipe-tab img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:filter .2s}
.contact-sheet .recipe-tab:hover img{filter:brightness(1.1)}
.contact-sheet .recipe-tab[aria-pressed=true]{color:#fff}
.contact-sheet .recipe-tab[aria-pressed=true] img{outline:1px solid #c58b67;outline-offset:4px}
.contact-number{display:block;font-size:9px;letter-spacing:.14em;color:#c58b67;margin-top:14px}
.contact-name{display:block;font-size:12px;margin-top:3px}
.contact-caption{margin-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#acb7b4}
.contact-caption h3{font-size:15px;font-weight:400;color:#eeeae1}
.recipe-feature{margin-top:27px}
.recipe-feature summary{cursor:pointer;font-size:12px;color:#cbd2cc;max-width:max-content;padding-block:6px}
.recipe-feature[open] summary{margin-bottom:14px}
.recipe-feature img{width:100%;aspect-ratio:3/1;object-fit:cover}
.editorial-gallery .sample-note{color:#acb7b4;font-size:10px;margin-top:16px}
.editorial-lens{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;background:#eeeae1}
.editorial-lens .lens-prose{padding:57px max(38px,6vw) 60px max(4.6vw,calc((100vw - 1308px)/2));max-width:700px}
.editorial-lens h2{font-size:clamp(29px,3vw,43px);line-height:1.5;font-weight:400}
.editorial-lens p:not(.editorial-section-number){font-size:14px;color:#5c6763;line-height:2;margin-top:22px;max-width:390px}
.editorial-lens .lens-image{position:relative;min-width:0}
.editorial-lens img{width:100%;height:100%;object-fit:cover;object-position:20% center}
.editorial-lens figcaption{position:absolute;bottom:16px;right:18px;font-size:10px;background:#10232ed9;color:#eeeae1;padding:5px 9px}
.editorial-lens .brand-signature{display:flex;align-items:center;gap:15px;margin-top:30px;font-size:10px;letter-spacing:.1em;color:#5c6763}
.brand-signature img{width:42px;height:42px}
.home-page .ownership{background:#e5e8e2;border-top:0;padding-block:52px}
.home-page .release{background:#10232e;color:#eeeae1;--muted:#b6bfbd;--line:#eeeae12e}
.home-page .release .button{background:#eeeae1;color:#10232e}
.home-page .release p{color:#b6bfbd}
.home-page .ownership h2{font-size:29px;line-height:1.5}
.home-page .brand-panel{font-size:14px}
@media(min-width:1441px){.editorial-wrap,.site-header{padding-inline:66px}.editorial-index{right:max(66px,calc((100vw - 1308px)/2))}}
@media(max-width:1150px){.site-header{height:78px}.desktop-nav{gap:18px}.brand strong{font-size:18px}.editorial-opening{min-height:530px}.editorial-index{font-size:9px}.editorial-intro{font-size:14px}.gallery-layout{gap:30px}.pair-caption{align-items:flex-start}.pair-caption h2{font-size:28px}.pair-caption p{max-width:480px}}
@media(max-width:900px){.editorial-opening{grid-template-columns:47% 53%;min-height:490px}.model-name{font-size:16vw}.editorial-slogan{font-size:4.1vw}.editorial-actions{gap:18px}.editorial-actions .button{font-size:12px;padding:10px 15px}.editorial-index{top:22px}.front-camera{padding-top:25px}.front-camera figcaption{font-size:8px}.camera-annotation{font-size:10px}.gallery-layout{grid-template-columns:1fr;gap:32px}.gallery-copy>p:not(.editorial-section-number){max-width:640px;margin-top:14px}.gallery-copy h2 br{display:none}.contact-sheet .recipe-tab img{aspect-ratio:1.15}.gallery-copy h2{font-size:33px}.editorial-section-number{margin-bottom:17px}.pair-caption{display:block}.app-recipe-controls{margin-top:15px}.editorial-lens .lens-prose{padding:42px 5vw}.editorial-lens h2{font-size:30px}}
@media(max-width:620px){.site-header{height:72px}.brand strong{font-size:17px}.brand small{font-size:8px}.editorial-hero{padding-top:27px;padding-bottom:25px}.editorial-opening{display:flex;flex-direction:column;min-height:0;align-items:stretch}.editorial-copy{padding:0}.editorial-title .product-name{font-size:21px;margin-bottom:14px}.model-name{font-size:32vw;line-height:.9;-webkit-text-stroke:1px var(--ink);letter-spacing:-.055em}.editorial-slogan{font-size:clamp(30px,8vw,43px);line-height:1.3;margin-top:20px}.editorial-intro{font-size:15px;margin-top:20px;max-width:100%}.editorial-intro small{font-size:12px}.editorial-actions{gap:22px;margin-top:21px}.editorial-actions .button{font-size:13px;min-height:49px;padding:10px 18px}.editorial-fine{font-size:10px;margin-top:13px}.front-camera{margin:21px -8px 0;padding:0;align-self:auto}.front-camera img{width:100%;max-height:300px;object-fit:contain}.front-camera figcaption{margin-top:-5px;font-size:8px;padding-right:10px}.camera-annotation{display:none}.editorial-index{top:27px;font-size:8px;line-height:1.6}.camera-pair{padding-top:25px;padding-bottom:28px}.pair-kicker{font-size:8px;letter-spacing:.1em}.pair-kicker>span:last-child{display:none}.pair-stage{margin-top:19px;aspect-ratio:1.72}.rear-camera{width:80%;top:0;right:-1%}.landscape-phone{width:85%;bottom:0;left:-1%}.pair-caption{margin-top:24px}.top-camera{gap:18px;margin-top:23px;padding-top:20px}.top-camera img{width:53%}.top-camera figcaption{font-size:11px}.top-camera figcaption>span:first-child{font-size:7px;letter-spacing:.1em}.pair-caption h2{font-size:24px;max-width:340px}.pair-caption p{font-size:11px}.app-recipe-controls{gap:22px;margin-top:12px}.app-recipe-controls button{font-size:12px}.photo-interlude>img{height:260px;object-position:44% center}.photo-interlude figcaption{font-size:14px;bottom:42px;padding:8px 12px}.photo-interlude .photo-credit{font-size:8px;bottom:13px}.editorial-gallery{padding-block:42px 33px}.gallery-layout{gap:27px}.gallery-copy h2{font-size:29px;line-height:1.5}.gallery-copy>p:not(.editorial-section-number){font-size:13px;line-height:1.85}.contact-sheet{gap:10px}.contact-sheet .recipe-tab img{aspect-ratio:3/4}.contact-name{font-size:10px;line-height:1.5}.contact-number{font-size:8px;margin-top:11px}.contact-caption{margin-top:21px;font-size:11px;display:block}.contact-caption p{margin-top:4px}.contact-caption h3{font-size:15px}.recipe-feature{margin-top:23px}.recipe-feature img{aspect-ratio:1.6}.editorial-gallery .sample-note{font-size:9px;line-height:1.7}.editorial-lens{grid-template-columns:1fr}.editorial-lens .lens-prose{padding:37px 4.6vw}.editorial-lens h2{font-size:29px}.editorial-lens p:not(.editorial-section-number){font-size:13px}.editorial-lens .lens-image{height:290px}.editorial-lens img{object-position:35% 60%}.home-page .ownership{padding-block:38px}.home-page .ownership h2{font-size:27px}.home-page .release h2{font-size:25px}.site-footer .brand strong{font-size:17px}html[lang=en] .editorial-slogan{font-size:clamp(23px,6.35vw,39px);letter-spacing:-.015em}html[lang=en] .editorial-title .product-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){.contact-sheet .recipe-tab img{transition:none}}