:root{--color-bg:#fff7ec;--color-bg-soft:#ffe9d6;--color-card:#fffdf8;--color-primary:#ff9eb5;--color-primary-dark:#e76f91;--color-accent:#ffd166;--color-green:#a8d8a0;--color-blue:#9bd7ff;--color-purple:#cdb4ff;--color-text:#5b4636;--color-muted:#9b7b66;--color-line:#5b4636;--color-danger:#d95d5d;--font-main:"Trebuchet MS", "Microsoft YaHei", "PingFang SC", sans-serif;--radius-card:22px;--radius-small:14px;--shadow-pixel:6px 6px 0 var(--color-line);--shadow-pixel-small:4px 4px 0 var(--color-line);--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);font-family:var(--font-main);background:radial-gradient(circle at 12px 12px, #ff9eb538 2px, transparent 3px), linear-gradient(135deg, var(--color-bg) 0%, #fffdf7 45%, #ffeef5 100%);background-size:34px 34px,100% 100%;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 70%);mask-image:linear-gradient(#0000008c,#0000 70%)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh}.site-header{z-index:10;border-bottom:3px solid var(--color-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff7eceb;position:sticky;top:0}.nav-bar{max-width:var(--container);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:14px 20px;display:flex}.logo{letter-spacing:.04em;align-items:center;gap:10px;font-weight:900;display:inline-flex}.logo-mark{border:3px solid var(--color-line);background:var(--color-accent);width:34px;height:34px;box-shadow:3px 3px 0 var(--color-line);border-radius:10px;place-items:center;display:grid}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-links a{color:var(--color-muted);border:2px solid #0000;border-radius:999px;padding:8px 12px;font-weight:700}.nav-links a:hover{border-color:var(--color-line);color:var(--color-text);box-shadow:3px 3px 0 var(--color-line);background:#fff}main{max-width:var(--container);margin:0 auto;padding:34px 20px 70px}.section{margin-top:80px;scroll-margin-top:92px}.section-heading{max-width:680px;margin-bottom:24px}.section-heading h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.section-heading p{color:var(--color-muted);margin:0;line-height:1.8}.pixel-kicker{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-weight:900;display:inline-flex}.pixel-kicker:before{content:"";background:var(--color-accent);border:2px solid var(--color-line);width:10px;height:10px;box-shadow:12px 0 0 var(--color-green)}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.note-card{min-height:180px}.note-icon{border:3px solid var(--color-line);background:var(--color-bg-soft);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.5rem;display:inline-grid}.site-footer{border-top:3px solid var(--color-line);background:#fff7ec}.footer-inner{max-width:var(--container);color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:22px 20px;display:flex}.footer-badges{gap:8px;display:flex}@media (width<=720px){.nav-bar,.footer-inner{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}main{padding-inline:14px}.section{margin-top:58px}}.pixel-card{border:3px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-pixel);padding:22px;position:relative}.pixel-card:after{content:"";background:var(--color-primary);width:8px;height:8px;box-shadow:12px 0 0 var(--color-accent), 24px 0 0 var(--color-green);position:absolute;top:12px;right:16px}.pixel-button{border:3px solid var(--color-line);background:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-pixel-small);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex}.pixel-button:hover{box-shadow:2px 2px 0 var(--color-line);transform:translate(2px,2px)}.pixel-button.secondary{background:var(--color-green)}.pixel-button.pink{background:var(--color-primary)}.pixel-tag{border:2px solid var(--color-line);box-shadow:2px 2px 0 var(--color-line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;font-weight:800;display:inline-flex}.pixel-tag.soft{background:var(--color-bg-soft)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:28px;min-height:540px;display:grid;position:relative}.hero-copy h1{letter-spacing:-.06em;margin:12px 0 16px;font-size:clamp(3rem,8vw,6.4rem);line-height:.94}.hero-copy p{max-width:620px;color:var(--color-muted);margin:0 0 24px;font-size:1.08rem;line-height:1.9}.hero-actions,.hero-tags,.card-tags,.filter-row{flex-wrap:wrap;gap:10px;display:flex}.hero-tags{margin-top:22px}.pixel-scene{background:linear-gradient(#9bd7ff 0 47%,#ffe9d6 47% 100%);min-height:390px;overflow:hidden}.pixel-sun{border:3px solid var(--color-line);background:var(--color-accent);border-radius:22px;width:72px;height:72px;position:absolute;top:40px;right:58px;box-shadow:8px 8px #5b463633}.pixel-cloud{border:3px solid var(--color-line);background:#fff;border-radius:999px;width:78px;height:30px;position:absolute}.pixel-cloud:before,.pixel-cloud:after{content:"";border:3px solid var(--color-line);background:#fff;border-bottom:0;border-radius:999px 999px 0 0;position:absolute;bottom:10px}.pixel-cloud:before{width:24px;height:24px;left:13px}.pixel-cloud:after{width:30px;height:30px;right:12px}.cloud-one{top:100px;left:30px}.cloud-two{top:150px;right:35px;transform:scale(.78)}.pixel-house{border:4px solid var(--color-line);background:#fff7ec;border-top:0;width:168px;height:130px;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.pixel-house:before{content:"";border:4px solid var(--color-line);background:var(--color-primary);clip-path:polygon(50% 0,100% 100%,0 100%);width:194px;height:74px;position:absolute;top:-68px;left:-16px}.pixel-door{border:3px solid var(--color-line);background:var(--color-green);border-bottom:0;border-radius:14px 14px 0 0;width:40px;height:66px;position:absolute;bottom:0;left:64px}.pixel-window{border:3px solid var(--color-line);background:var(--color-blue);width:34px;height:34px;position:absolute;top:34px}.pixel-window.left{left:22px}.pixel-window.right{right:22px}.pixel-path{clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);border:3px solid var(--color-line);background:repeating-linear-gradient(90deg,#d9a66f 0 14px,#c98f5e 14px 28px);width:84px;height:80px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.travel-card,.meme-card,.message-item{flex-direction:column;gap:14px;display:flex}.card-image{aspect-ratio:4/3;border:3px solid var(--color-line);background:var(--color-bg-soft);border-radius:18px;width:100%;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-meta{color:var(--color-muted);justify-content:space-between;gap:10px;font-weight:800;display:flex}.card-title{margin:0;font-size:1.35rem}.card-text{color:var(--color-muted);margin:0;line-height:1.7}.filter-row{margin-bottom:22px}.filter-button{border:3px solid var(--color-line);color:var(--color-text);box-shadow:3px 3px 0 var(--color-line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:900}.filter-button.active{background:var(--color-primary)}.guestbook-box{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:22px;display:grid}.form-field{gap:8px;margin-bottom:16px;font-weight:900;display:grid}.form-field input,.form-field textarea{border:3px solid var(--color-line);width:100%;color:var(--color-text);background:#fff;border-radius:16px;outline:none;padding:12px 14px;box-shadow:inset 3px 3px #5b463614}.form-field textarea{resize:vertical;min-height:130px}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary-dark)}.form-hint,.form-error,.local-note{margin:10px 0 0;font-size:.92rem;line-height:1.6}.form-hint,.local-note{color:var(--color-muted)}.form-error{color:var(--color-danger);font-weight:900}.message-list{gap:16px;display:grid}.message-head{justify-content:space-between;gap:12px;font-weight:900;display:flex}.message-date{color:var(--color-muted);font-size:.88rem}.empty-state{text-align:center;color:var(--color-muted)}@media (width<=860px){.hero,.guestbook-box{grid-template-columns:1fr}.pixel-scene{min-height:330px}}