.comic-home{min-height:100dvh;background:radial-gradient(ellipse at center,#678122,#354f13);padding:24px 10px;color:#060804}.comic-frame{container-type:inline-size;max-width:450px;margin:auto;background:#fffdf1 url('assets/design/paper.png');border:3px solid #060804;border-radius:14px;overflow:hidden;box-shadow:3px 5px 0 #080c04}.comic-brand{height:15cqw;background:linear-gradient(110deg,#eeff9b,#dcf98a);border-bottom:2px solid #080a05;padding:2cqw 3cqw;display:flex;align-items:center}.comic-brand img{width:70%;height:100%;object-fit:contain;object-position:left center}.comic-intro{display:flex;align-items:center;gap:3cqw;padding:3cqw 3cqw 2cqw;min-height:22cqw}.comic-avatar{width:17cqw;height:17cqw;border:2px solid #10100a;border-radius:50%;object-fit:cover;background:#e3f598;flex-shrink:0}.comic-intro>div{flex:1;min-width:0}.comic-intro p{font-size:3.4cqw;line-height:1.4;margin:0 0 1cqw;font-weight:600}.comic-intro>div>button{font:900 7cqw/1.2 FullNoto,sans-serif;padding:0;text-align:left;white-space:nowrap}.comic-intro em{font-style:normal;color:#577118}.comic-message{border:2px solid #080a05;border-radius:9px;width:11cqw;height:9cqw;font-size:6cqw;line-height:1;background:#fffdf8;flex-shrink:0;padding:0}.comic-title{background:#e8fc94;margin:1cqw 2cqw 2cqw;padding:2cqw .5cqw;font:900 10.4cqw/1.1 FullNoto,sans-serif;letter-spacing:-.5cqw;text-align:center;transform:skewY(-1deg);color:#000}.comic-title span{display:block;transform:skewY(1deg)}.comic-scene{position:relative;aspect-ratio:770/720;margin:0 2cqw;border:2px solid #070b04;border-radius:3px;overflow:hidden;background:#d5f78a}.comic-source{position:absolute;width:110.8%;max-width:none;left:-5.2%;top:-75.5%;height:auto;pointer-events:none}.experience .comic-source{width:108.5%;left:-4.2%;top:-73.5%}.comic-pet-label,.comic-partner-label{position:absolute;left:0;bottom:10%;min-width:25%;padding:1cqw 3cqw;border:2px solid #070b04;background:#e8fa9b;font:900 6.3cqw/1.2 FullNoto,sans-serif;transform:rotate(-5deg)}.comic-partner-label{left:auto;right:0;bottom:9%}.experience .comic-pet-label{bottom:4%;min-width:30%;font-size:7cqw;padding:1cqw 3cqw}.comic-pet-label small{display:block;font-size:4.4cqw;margin-top:1cqw}.comic-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2cqw;border:2px solid #080b04;border-radius:9px;padding:3cqw 1cqw;background:#fffef6}.comic-fact{display:flex;gap:1cqw;align-items:center;padding:0 1cqw;border-right:1px solid #10100a;min-width:0}.comic-fact:nth-child(3){border:0}.comic-fact img{width:9cqw;height:11cqw;object-fit:contain}.comic-fact div{min-width:0}.comic-fact small{display:block;font-size:3cqw;line-height:1.3}.comic-fact b{display:block;font:900 4.2cqw/1.3 FullNoto,sans-serif;overflow-wrap:anywhere}.comic-note{grid-column:1/-1;border-top:1px solid #090d04;margin:2cqw 0 0;padding-top:2cqw;font-size:3.4cqw;text-align:center;color:#18264b}.comic-actions{display:flex;gap:1.8cqw;margin:3cqw 2cqw}.comic-actions>button{border:2px solid #080b04;border-radius:10px;box-shadow:1px 3px #101009;height:15cqw;width:16cqw;flex-shrink:0;font:8cqw/1 FullNoto,sans-serif;background:#fffdf4;padding:0}.comic-actions .comic-primary{flex:1;min-width:0;width:auto;background:linear-gradient(110deg,#6c842a,#486212);color:#fff;font:700 6.8cqw/1.1 FullNoto,sans-serif;padding:1cqw}.comic-actions .comic-clap{font-size:3.5cqw;width:17cqw}.comic-nav{display:flex;border-top:2px solid #0b0c05;margin-top:3cqw;padding:2cqw 0 1cqw}.comic-nav button{flex:1;display:flex;align-items:center;flex-direction:column;gap:.7cqw;font:700 4cqw/1.1 FullNoto,sans-serif;padding:1cqw;color:#101624}.comic-nav .icon{width:7.5cqw;height:7.5cqw}.comic-nav [aria-current]{color:#57701d}.comic-nav [aria-current] .icon{fill:#57701d;stroke:#57701d}.comic-nav [aria-current]:after{content:'';height:3px;width:7cqw;background:#57701d;border-radius:3px;margin-top:.4cqw}.comic-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comic-pet{position:absolute;left:0;bottom:0;width:78%;height:92%;object-fit:contain;object-position:bottom}.comic-rong{position:absolute;width:33%;right:0;bottom:0}.comic-frame.wish .comic-pet-label{bottom:7%}.comic-frame.wish .comic-title{font-size:9cqw}.comic-frame.wish .comic-fact b{font-size:3.6cqw}@media(min-width:700px){.comic-home{padding:30px}}@media(max-width:360px){.comic-home{padding:12px 6px}}
.comic-brand{position:relative;overflow:hidden}.comic-brand img{position:absolute;width:107%;height:auto;max-width:none;left:-3.5%;top:-66%;object-fit:initial}.comic-title{letter-spacing:-.35cqw}.comic-title span{overflow-wrap:normal}.comic-message{letter-spacing:-.2cqw;font-size:5cqw}.comic-frame.friend .comic-title{font-size:9.5cqw}
.comic-partner-label{width:29%;bottom:9%;text-align:center}.experience .comic-pet-label{left:-1%;bottom:2%;width:36%;height:27%;padding:2cqw 3cqw;display:flex;flex-direction:column;justify-content:center;background:#e8fa9b}.experience .comic-pet-label small{font-size:4.8cqw;color:#080b04}.comic-message{font-family:Arial,sans-serif;font-size:4.5cqw;letter-spacing:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.comic-intro>div>button{font-size:7.7cqw}