@charset "UTF-8";
:root{color-scheme:light;--paper:#faf7f0;--ink:#31362f;--muted:#7a8074;--orange:#cb7048;--line:#dfdfd2;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.page{max-width:1440px;margin:auto;padding:0 7.2%}.header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:650;letter-spacing:.08em}.brand>img{width:35px;height:35px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.2em;margin-top:6px;color:var(--muted)}.header-note{font-size:12px;letter-spacing:.08em;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;background:#889773;border-radius:50%}main{display:grid;grid-template-columns:1fr 1.16fr;gap:6.5%;align-items:center;padding:64px 0 52px;min-height:calc(100svh - 194px)}.intro{padding:10px 0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;color:var(--muted);margin:0 0 28px}.eyebrow>span{height:1px;width:27px;background:#b1b69f}h1{font-family:var(--serif);font-size:clamp(42px,4.8vw,68px);font-weight:500;line-height:1.42;letter-spacing:.04em;margin:0 0 22px}h1 em{font-style:normal;color:var(--orange)}.description{font-size:14px;line-height:2.1;letter-spacing:.035em;color:#777d70;margin:0 0 30px}.pet-button{border:0;background:var(--ink);color:#fffdf7;border-radius:100px;padding:17px 23px;display:flex;align-items:center;gap:13px;font-size:13px;cursor:pointer;min-height:54px;box-shadow:0 5px 14px #31362f10;transition:transform .2s,background .2s}.pet-button img{filter:brightness(0) invert(1);width:19px;height:19px}.pet-button>span:last-child{margin-left:22px;font-size:20px;line-height:1}.pet-button:hover{transform:translateY(-2px);background:#48513e}.pet-button:active{transform:scale(.97)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.pet-note{font-size:10px;color:var(--muted);margin:16px 0 0;min-height:2.5em;line-height:1.8}.little-note{margin-top:39px;display:flex;gap:14px;align-items:center}.hand-drawn{font-family:var(--serif);font-size:38px;line-height:1;color:#c58c6b;transform:rotate(-13deg)}.little-note p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.little-note strong{font-weight:400;color:#59634f}.portrait{margin:0}.photo-wrap{position:relative;overflow:hidden;border-radius:180px 180px 24px 24px;background:#e8ddca;isolation:isolate;aspect-ratio:1/1.03}.cat-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%;transition:transform .65s}.photo-wrap.is-petted .cat-photo{transform:scale(1.035)}.photo-label{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:10px;letter-spacing:.05em;border:1px solid #fff8;background:#fffaf0dd;backdrop-filter:blur(8px);border-radius:100px}figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:18px;font-size:9px;letter-spacing:.06em;color:var(--muted)}figcaption>span:first-child{color:#59634f}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:.04em}footer>span:last-child{font-size:8px}footer>span:last-child>span{color:var(--orange);font-size:14px;margin-left:8px}.heart{position:absolute;left:var(--x);bottom:25%;color:#fff9f3;font-family:Georgia,serif;font-size:var(--size);text-shadow:0 2px 8px #c76f4c66;animation:float-heart 1.7s ease-out both;pointer-events:none}@keyframes float-heart{from{opacity:0;transform:translateY(20px) rotate(-12deg)}20%{opacity:1}to{opacity:0;transform:translateY(-190px) rotate(18deg)}}
@media(min-width:1450px){.page{padding:0 104px}}@media(max-width:900px){.page{padding:0 6%}.header{height:100px}main{gap:5%;padding-top:45px;min-height:calc(100svh - 174px)}h1{font-size:46px}.photo-wrap{border-radius:140px 140px 22px 22px}.description{font-size:12px}.little-note{margin-top:25px}.photo-label{left:13px;bottom:15px;padding:9px 12px;font-size:9px}figcaption{font-size:8px}}@media(max-width:650px){.page{padding:0 7%}.header{height:86px}.brand{font-size:17px;gap:10px}.brand>img{width:29px;height:29px}.brand small{font-size:6px}.header-note{font-size:9px;gap:6px;letter-spacing:0}main{grid-template-columns:1fr;gap:30px;padding:39px 0 36px;min-height:0}.intro{padding:0}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:48px;line-height:1.36;margin-bottom:15px}.description{font-size:12px;margin-bottom:22px;line-height:2}.pet-button{padding:14px 21px;min-height:50px;font-size:12px}.pet-note{font-size:9px;margin-top:13px;min-height:0}.little-note{display:none}.photo-wrap{border-radius:160px 160px 22px 22px;aspect-ratio:1/1}.photo-label{left:17px;bottom:18px;padding:10px 13px}figcaption{padding-top:13px;font-size:8px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:18px 0;min-height:80px;font-size:8px}footer>span:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}