@charset "UTF-8";
:root{--brand:#ee512a;--brand-deep:#bc3516;--paper:#f9f7f2;--ink:#262824;--muted:#697067;--line:#dfdfd5;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink)}a{color:inherit}button{font:inherit}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.skip-link{position:fixed;top:8px;left:8px;padding:12px 18px;background:#fff;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.home-page{background:var(--paper);min-height:100svh;display:flex;flex-direction:column}.home-page main{flex:1}.page-width{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:24px}.site-brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.07em;flex-shrink:0}.site-brand img{object-fit:contain}.site-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.14em;color:var(--muted);margin-top:5px}.nav-link{font-size:13px;display:flex;align-items:center;gap:30px;text-decoration:none;border-bottom:1px solid #b7bcb1;padding:10px 0}.nav-link:hover{color:var(--brand)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:72px 0 66px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.15em;display:flex;gap:12px;align-items:center;margin:0 0 25px}.eyebrow-line{width:24px;height:2px;background:var(--brand)}.hero-copy h1{font-family:var(--sans);font-size:clamp(38px,4.15vw,58px);font-weight:700;line-height:1.38;letter-spacing:-.045em;margin:0 0 24px}.hero-copy h1 span{color:var(--brand)}.intro{font-size:14px;line-height:2;color:var(--muted);margin:0;max-width:530px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:38px;width:226px;background:var(--ink);color:#fff;padding:18px 22px;text-decoration:none;font-size:14px;border-radius:3px;transition:background .18s,transform .18s}.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.5}.primary-button:hover{background:var(--brand);transform:translateY(-2px)}.device-link{display:inline-flex;gap:8px;margin-top:18px;text-decoration:none;font-size:11px;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent}.device-link:hover{border-color:var(--muted);color:var(--ink)}
.hero-visual{margin:0;align-self:center}.visual-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;margin-bottom:14px}.visual-category{font-size:10px;color:var(--muted);letter-spacing:.13em}.viewfinder{position:relative;background:#ede8df;aspect-ratio:1.36;overflow:hidden;border-radius:3px}.daily-image{display:block;width:100%;height:100%;object-fit:cover}.frame-corner{position:absolute;width:25px;height:25px;border-color:rgba(255,255,255,.9);border-style:solid;border-width:0;filter:drop-shadow(0 1px 3px #0002)}.top-left{top:19px;left:19px;border-top-width:1px;border-left-width:1px}.top-right{top:19px;right:19px;border-top-width:1px;border-right-width:1px}.bottom-left{bottom:19px;left:19px;border-bottom-width:1px;border-left-width:1px}.bottom-right{bottom:19px;right:19px;border-bottom-width:1px;border-right-width:1px}.viewfinder-label{position:absolute;bottom:32px;left:32px;right:32px;background:#fcfbf3ec;backdrop-filter:blur(5px);padding:13px 14px;display:flex;gap:9px;align-items:center;font-size:11px;color:#40443b;letter-spacing:.03em;border-radius:2px}.viewfinder-label>span{width:6px;height:6px;flex-shrink:0;background:var(--brand);border-radius:50%}.hero-visual figcaption{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);line-height:1.8}.illustration-label{font-size:9px;letter-spacing:.08em;white-space:nowrap;padding-left:12px}
.participation-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.participation-strip a{display:flex;align-items:center;gap:16px;padding:26px 20px;text-decoration:none;font-size:12px;min-width:0;transition:background .2s}.participation-strip a:first-child{padding-left:0}.participation-strip a+ a{border-left:1px solid var(--line)}.participation-strip a:hover{color:var(--brand)}.step-index{font-family:Georgia,serif;font-size:17px;color:var(--brand)}.step-arrow{margin-left:auto;color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 30px;font-size:10px;color:var(--muted);line-height:1.6}.footer-actions{display:flex;gap:14px;align-items:center}.footer-actions button{padding:6px 0;background:none;border:0;color:inherit;cursor:pointer;font-size:10px}.footer-actions button:hover{color:var(--brand)}
.qr-dialog{border:0;max-width:calc(100vw - 32px);width:382px;padding:32px;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 24px 90px #17190f26;text-align:center;overflow:visible}.qr-dialog::backdrop{background:#161a156b;backdrop-filter:blur(4px)}.qr-dialog h2{font-size:23px;margin:6px 0 14px;letter-spacing:.03em}.qr-dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 0}.qr-dialog img{display:block;width:280px;max-width:100%;aspect-ratio:1;object-fit:contain;margin:0 auto;background:#fff}.qr-dialog .dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;background:#f5f5ef;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#555b50}.qr-dialog .qr-download{display:inline-block;font-size:12px;margin-top:16px;text-underline-offset:4px}.qr-dialog .dialog-close:hover{background:#e8e8df}.qr-dialog img{image-rendering:auto}
@media(min-width:1600px){.hero-grid{padding-top:90px;padding-bottom:88px}.hero-copy h1{font-size:64px}}
@media(max-width:1050px){.page-width{width:calc(100% - 64px)}.hero-grid{gap:36px;padding:62px 0 50px}.hero-copy h1{font-size:clamp(32px,4vw,46px)}.intro{font-size:12px}.desktop-break{display:none}.viewfinder{aspect-ratio:1.15}.visual-heading{font-size:11px}.participation-strip a{font-size:11px;padding-inline:18px;gap:12px}}
@media(max-width:700px){.page-width{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:16px}.site-brand{font-size:18px;gap:5px}.site-brand img{width:36px;height:36px}.site-brand small{font-size:8px;letter-spacing:.12em}.nav-link{font-size:11px;gap:12px;padding-block:8px}.hero-grid{display:flex;flex-direction:column;gap:38px;align-items:stretch;padding:39px 0 32px}.eyebrow{font-size:10px;margin-bottom:19px;gap:10px}.hero-copy h1{font-size:clamp(31px,8.6vw,45px);letter-spacing:-.045em;margin-bottom:19px;line-height:1.4}.intro{font-size:12px;line-height:1.95;max-width:420px}.primary-button{width:100%;padding:17px 20px;font-size:13px}.device-link{font-size:10px;margin-top:14px}.hero-visual{width:100%}.visual-heading{font-size:11px;margin-bottom:11px}.viewfinder{aspect-ratio:1.36}.frame-corner{width:19px;height:19px}.top-left{top:14px;left:14px}.top-right{top:14px;right:14px}.bottom-left{bottom:14px;left:14px}.bottom-right{bottom:14px;right:14px}.viewfinder-label{left:24px;right:24px;bottom:25px;font-size:10px;padding:10px 11px}.hero-visual figcaption{font-size:9px;margin-top:10px}.participation-strip{grid-template-columns:1fr;margin-bottom:6px}.participation-strip a{font-size:12px;padding:17px 0;gap:17px}.participation-strip a+a{border-left:0;border-top:1px solid var(--line)}.step-index{font-size:16px}.site-footer{font-size:9px;padding:22px 0 24px;gap:15px;flex-wrap:wrap}.footer-actions button{font-size:10px}.footer-actions{gap:13px}.qr-dialog{padding:30px 24px;width:350px}.qr-dialog img{width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.qr-dialog,.site-header nav,.footer-actions{display:none!important}.home-page{background:#fff}.hero-grid{padding-top:30px}}
.home-page .hero-grid{padding-top:48px;padding-bottom:48px;gap:50px}
.home-page .hero-copy h1{line-height:1.25;margin-bottom:24px;font-size:clamp(40px,4.7vw,65px)}
.home-page .eyebrow{font-size:12px;letter-spacing:.05em}
.project-actions{display:flex;align-items:stretch;gap:12px;margin-top:30px;flex-wrap:wrap}
.project-actions .primary-button{width:205px;gap:20px;white-space:nowrap}.project-actions .primary-button svg{flex-shrink:0}
.contact-button{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:17px 18px;font-size:12px;border-radius:3px;cursor:pointer;transition:background .18s,border-color .18s}
.contact-button:hover{background:#fff;border-color:var(--brand);color:var(--brand)}
.home-page .device-link{margin-top:16px}
@media(min-width:1600px){.home-page .hero-grid{padding-top:64px;padding-bottom:64px}.home-page .hero-copy h1{font-size:70px}}
@media(max-width:1050px){.home-page .hero-grid{gap:30px}.project-actions{gap:10px}.project-actions .primary-button{width:184px}.contact-button{font-size:11px;gap:15px;padding:17px 14px}}
@media(max-width:700px){.home-page .hero-grid{padding-top:32px;padding-bottom:28px;gap:28px}.home-page .hero-copy h1{font-size:clamp(39px,10.8vw,58px);line-height:1.22;margin-bottom:22px}.home-page .eyebrow{font-size:10px;margin-bottom:20px}.project-actions{display:grid;grid-template-columns:1fr;margin-top:25px;gap:10px}.project-actions .primary-button{width:100%}.contact-button{font-size:12px;padding:15px 18px}.home-page .device-link{font-size:10px;margin-top:12px}}