.guestbook-page .gb-shell{max-width:min(96vw,720px);margin:0 auto;padding:0 var(--space-4)}.gb-intro{padding:var(--space-10) 0 var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.gb-intro__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.gb-intro__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.gb-intro__title{font-family:var(--font-display,var(--font-serif));font-size:clamp(2.4rem,5vw,3.8rem);font-weight:500;letter-spacing:-0.03em;line-height:1.0;color:var(--text);margin:0 0 var(--space-3)}.gb-intro__desc{font-size:1rem;color:var(--text-muted);max-width:44ch;margin:0;line-height:1.6}.gb-form-section{margin-bottom:var(--space-10)}.gb-form{display:flex;flex-direction:column;gap:var(--space-4)}.gb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 560px){.gb-form__row{grid-template-columns:1fr}}.gb-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.gb-form__label{font-size:0.82rem;font-weight:600;color:var(--text)}.gb-form__optional{font-weight:400;color:var(--text-subtle)}.gb-form__input, .gb-form__textarea{appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0.7rem 1rem;font:inherit;font-size:0.92rem;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.gb-form__input:focus, .gb-form__textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.gb-form__input::placeholder, .gb-form__textarea::placeholder{color:var(--text-subtle)}.gb-form__textarea{resize:vertical;min-height:100px}.gb-form__actions{display:flex;align-items:center;justify-content:space-between}.gb-form__char-count{font-size:0.78rem;color:var(--text-subtle);font-variant-numeric:tabular-nums}.gb-form__submit{appearance:none;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-pill);padding:0.65rem 2rem;font:inherit;font-size:0.92rem;font-weight:600;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}.gb-form__submit:hover{opacity:0.9;transform:translateY(-1px)}.gb-form__submit:active{transform:translateY(0)}.gb-form__submit:disabled{opacity:0.6;cursor:not-allowed;transform:none}.gb-form__status{margin:12px 0 0;color:var(--accent);font-size:0.9rem;line-height:1.5}.gb-avatar-picker{display:flex;align-items:center;gap:var(--space-3)}.gb-avatar-preview{width:48px;height:48px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--border);transition:border-color var(--transition),transform var(--transition);flex-shrink:0}.gb-avatar-preview:hover{border-color:var(--accent);transform:scale(1.08)}.gb-avatar-preview__img{width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--bg-elev-2)}.gb-avatar-style{font-size:0.78rem;color:var(--text-subtle);font-family:var(--font-mono)}.gb-messages{padding-bottom:var(--space-16)}.gb-list{display:flex;flex-direction:column;gap:var(--space-4)}.gb-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted);font-size:0.95rem}.gb-empty p{margin:0}.gb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-6);transition:border-color var(--transition),box-shadow var(--transition)}.gb-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.gb-card--new{animation:gbSlideIn 0.4s var(--ease-emphasis) forwards}@keyframes gbSlideIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.gb-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.gb-card__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.gb-card__avatar--default{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1rem}.gb-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gb-card__name{font-weight:600;font-size:0.92rem;color:var(--text)}.gb-card__time{font-size:0.75rem;color:var(--text-subtle);font-variant-numeric:tabular-nums}.gb-card__body{font-size:0.95rem;line-height:1.7;color:var(--text);word-break:break-word;white-space:pre-wrap}@media (max-width: 560px){.gb-form__input,.gb-form__textarea{font-size:16px}}.guestbook-page{--gb-wall-bg:#e7e5df;--gb-wall-text:#242421;--gb-wall-muted:rgba(36,36,33,.58);--gb-wall-subtle:rgba(36,36,33,.42);--gb-wall-line:rgba(36,36,33,.13);--gb-field-bg:rgba(255,255,255,.44);--gb-field-border:rgba(36,36,33,.18);--gb-field-placeholder:rgba(36,36,33,.34);--gb-button-bg:#242421;--gb-button-text:#f6f2e9;--gb-paper:#fffdf7;--gb-card-shadow:0 22px 40px rgba(34,32,27,.16),0 4px 9px rgba(34,32,27,.1);--gb-card-shadow-hover:0 32px 56px rgba(34,32,27,.22),0 7px 14px rgba(34,32,27,.12);background:var(--gb-wall-bg)}html[data-theme="dark"] .guestbook-page{--gb-wall-bg:#2f2f2d;--gb-wall-text:#f6f2e9;--gb-wall-muted:rgba(246,242,233,.58);--gb-wall-subtle:rgba(246,242,233,.42);--gb-wall-line:rgba(255,255,255,.11);--gb-field-bg:rgba(10,10,10,.16);--gb-field-border:rgba(255,255,255,.13);--gb-field-placeholder:rgba(246,242,233,.3);--gb-button-bg:#f2eee5;--gb-button-text:#242421;--gb-paper:#f4f0e6;--gb-card-shadow:0 22px 40px rgba(12,12,10,.35),0 4px 9px rgba(12,12,10,.2);--gb-card-shadow-hover:0 32px 56px rgba(12,12,10,.44),0 7px 14px rgba(12,12,10,.22)}.guestbook-page .site-main{padding-top:var(--nav-height);background-color:var(--gb-wall-bg);background-image:radial-gradient(circle at 16% 9%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 27%),radial-gradient(circle at 82% 60%,rgba(0,0,0,.06),transparent 36%)}html[data-theme="dark"] .guestbook-page .site-main{background-image:radial-gradient(circle at 16% 9%,rgba(255,255,255,.035),transparent 27%),radial-gradient(circle at 82% 60%,rgba(0,0,0,.13),transparent 36%)}.guestbook-page .gb-shell{width:min(calc(100% - clamp(28px,5vw,96px)),1540px);max-width:none;padding:0 0 130px}.guestbook-page .gb-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:end;gap:32px;padding:clamp(20px,2.8vw,36px) 0 26px;margin-bottom:32px;border-color:var(--gb-wall-line)}.guestbook-page .gb-intro .breadcrumb, .guestbook-page .gb-intro__eyebrow, .guestbook-page .gb-intro__title{grid-column:1}.guestbook-page .breadcrumb, .guestbook-page .breadcrumb a, .guestbook-page .breadcrumb-current, .guestbook-page .gb-intro__desc{color:var(--gb-wall-muted)}.guestbook-page .gb-intro__eyebrow{color:#9c83ff}.guestbook-page .gb-intro__title{margin-bottom:0;color:var(--gb-wall-text);font-size:clamp(3.2rem,6vw,5.8rem)}.guestbook-page .gb-intro__desc{grid-column:2;grid-row:1 / span 3;align-self:end;padding-bottom:5px}.guestbook-page .gb-layout{display:grid;grid-template-columns:minmax(255px,300px) minmax(0,1fr);gap:clamp(42px,5vw,88px);align-items:start}.guestbook-page .gb-form-section{position:sticky;top:calc(var(--nav-height)+24px);margin:0;padding:8px 4px 28px;border:0;border-bottom:1px solid var(--gb-wall-line);border-radius:0;background:transparent;box-shadow:none}.guestbook-page .gb-form-section::before{content:"写一张新的留言卡";display:block;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--gb-wall-line);color:var(--gb-wall-text);font-family:var(--font-display);font-size:1.18rem;font-weight:600}.guestbook-page .gb-form__row{grid-template-columns:1fr}.guestbook-page .gb-form__label{color:var(--gb-wall-text)}.guestbook-page .gb-form__optional, .guestbook-page .gb-form__char-count, .guestbook-page .gb-avatar-style{color:var(--gb-wall-subtle)}.guestbook-page .gb-form__input, .guestbook-page .gb-form__textarea{border-color:var(--gb-field-border);border-radius:2px;background:var(--gb-field-bg);color:var(--gb-wall-text)}.guestbook-page .gb-form__input::placeholder, .guestbook-page .gb-form__textarea::placeholder{color:var(--gb-field-placeholder)}.guestbook-page .gb-avatar-preview{border-color:var(--gb-field-border)}.guestbook-page .gb-form__submit{border-radius:2px;background:var(--gb-button-bg);color:var(--gb-button-text)}.guestbook-page .gb-messages{min-width:0;min-height:900px;padding:4px 0 150px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.gb-wall__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(52px,5vw,82px);color:var(--gb-wall-text)}.gb-wall__eyebrow{display:block;margin-bottom:6px;color:var(--gb-wall-subtle);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.gb-wall__heading h2{margin:0;color:inherit;font-family:var(--font-display);font-size:clamp(28px,3vw,42px);font-weight:500}.gb-wall__count{color:var(--gb-wall-subtle);font-size:12px;white-space:nowrap}.guestbook-page .gb-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;align-items:start;column-gap:clamp(12px,1.8vw,28px);row-gap:clamp(76px,8vw,126px)}.guestbook-page .gb-empty{grid-column:1 / -1;color:var(--gb-wall-muted)}.guestbook-page .gb-card{--gb-tilt:-3.4deg;--gb-shift:0px;position:relative;grid-column:1 / span 4;min-width:0;padding:clamp(9px,1vw,13px) clamp(9px,1vw,13px) clamp(17px,1.7vw,25px);border:0;border-radius:0;background:var(--gb-paper);color:#1b1a17;box-shadow:var(--gb-card-shadow);transform:translateY(var(--gb-shift)) rotate(var(--gb-tilt));transform-origin:50% 22%;transition:transform 260ms var(--ease-emphasis),box-shadow 260ms ease}.guestbook-page .gb-card:nth-child(8n+1){grid-column:1 / span 4;--gb-tilt:-4deg;--gb-shift:2px}.guestbook-page .gb-card:nth-child(8n+2){grid-column:5 / span 3;--gb-tilt:3.8deg;--gb-shift:86px}.guestbook-page .gb-card:nth-child(8n+3){grid-column:9 / span 4;--gb-tilt:-2.6deg;--gb-shift:22px}.guestbook-page .gb-card:nth-child(8n+4){grid-column:2 / span 3;--gb-tilt:4.2deg;--gb-shift:28px}.guestbook-page .gb-card:nth-child(8n+5){grid-column:6 / span 4;--gb-tilt:-3.2deg;--gb-shift:-18px}.guestbook-page .gb-card:nth-child(8n+6){grid-column:10 / span 3;--gb-tilt:2.2deg;--gb-shift:72px}.guestbook-page .gb-card:nth-child(8n+7){grid-column:1 / span 3;--gb-tilt:-2deg;--gb-shift:45px}.guestbook-page .gb-card:nth-child(8n){grid-column:5 / span 5;--gb-tilt:2.8deg;--gb-shift:8px}.guestbook-page .gb-card:hover, .guestbook-page .gb-card:focus-visible, .guestbook-page .gb-card:focus-within{z-index:2;outline:none;box-shadow:var(--gb-card-shadow-hover);transform:translateY(calc(var(--gb-shift) - 12px)) rotate(0deg) scale(1.045)}.gb-card__photo{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle at 74% 18%,rgba(255,240,181,.56) 0 5%,transparent 19%),linear-gradient(162deg,transparent 0 46%,rgba(22,39,45,.82) 47% 62%,transparent 63%),linear-gradient(15deg,#273a43 0 42%,#7794a0 43% 65%,#bdc9c6 66% 100%)}.gb-card__photo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 3px,rgba(255,255,255,.025) 4px),linear-gradient(to bottom,transparent 64%,rgba(0,0,0,.2));pointer-events:none}.gb-card:nth-child(4n+2) .gb-card__photo{aspect-ratio:1 / 1;background:radial-gradient(circle at 25% 26%,rgba(255,211,171,.42),transparent 21%),linear-gradient(146deg,transparent 0 48%,rgba(59,39,45,.66) 49% 70%,transparent 71%),linear-gradient(145deg,#b48775,#60444c 60%,#2d2832)}.gb-card:nth-child(4n+3) .gb-card__photo{aspect-ratio:3 / 4;background:radial-gradient(circle at 72% 20%,rgba(239,220,154,.38),transparent 18%),repeating-linear-gradient(92deg,transparent 0 13%,rgba(22,42,30,.28) 14% 19%),linear-gradient(155deg,#a39267,#53624d 58%,#26342b)}.gb-card:nth-child(4n) .gb-card__photo{aspect-ratio:16 / 11;background:radial-gradient(circle at 28% 34%,rgba(233,204,244,.32),transparent 20%),linear-gradient(24deg,transparent 0 45%,rgba(39,37,72,.52) 46% 67%,transparent 68%),linear-gradient(145deg,#9b82a8,#544b78 58%,#282a42)}.gb-card__quote{position:absolute;top:-20px;left:10px;z-index:1;color:rgba(255,255,255,.16);font-family:Georgia,serif;font-size:94px;line-height:1}.guestbook-page .gb-card__avatar{position:absolute;right:clamp(12px,1.4vw,20px);bottom:clamp(12px,1.4vw,20px);z-index:2;width:clamp(54px,5.3vw,78px);height:auto;aspect-ratio:1;border:4px solid rgba(255,255,255,.76);border-radius:50%;object-fit:cover;box-shadow:0 9px 20px rgba(0,0,0,.28)}.gb-card__caption{padding:14px 4px 0}.guestbook-page .gb-card__meta{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.guestbook-page .gb-card__name{min-width:0;overflow:hidden;color:#1b1a17;font-size:.91rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.guestbook-page .gb-card__time{flex:none;color:#777269;font-size:.66rem;white-space:nowrap}.guestbook-page .gb-card__body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#292721;font-family:var(--font-journal);font-size:.86rem;line-height:1.62}.guestbook-page .gb-card__reply{display:grid;gap:3px;margin-top:12px;padding:9px 11px;border-left:2px solid #8e7355;background:rgba(142,115,85,.08);color:#4d473f;font-size:.74rem;line-height:1.5}.guestbook-page .gb-card__reply strong{color:#725b42;font-size:.64rem;letter-spacing:.08em}.guestbook-page .gb-card--new{animation:gbPinIn .55s var(--ease-emphasis) both}@keyframes gbPinIn{from{opacity:0;transform:translateY(calc(var(--gb-shift) - 24px)) rotate(var(--gb-tilt)) scale(.9)}to{opacity:1;transform:translateY(var(--gb-shift)) rotate(var(--gb-tilt)) scale(1)}}@media (max-width: 1100px){.guestbook-page .gb-layout{grid-template-columns:minmax(235px,270px) minmax(0,1fr);gap:36px}.guestbook-page .gb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:92px 42px}.guestbook-page .gb-card:nth-child(n){grid-column:auto}.guestbook-page .gb-card:nth-child(4n+2){--gb-shift:58px}}@media (max-width: 820px){.guestbook-page .gb-intro{display:block}.guestbook-page .gb-intro__desc{margin-top:18px}.guestbook-page .gb-layout{grid-template-columns:1fr}.guestbook-page .gb-form-section{position:static;max-width:520px}.guestbook-page .gb-messages{padding-top:36px}.guestbook-page .gb-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:76px 28px}.guestbook-page .gb-card:nth-child(n){--gb-shift:0px}.guestbook-page .gb-card:nth-child(3n+2){--gb-shift:52px}}@media (max-width: 680px){.guestbook-page .gb-shell{width:min(calc(100% - 30px),560px)}.guestbook-page .gb-intro{margin-bottom:30px}.guestbook-page .gb-intro__title{font-size:clamp(3rem,18vw,4.8rem)}.guestbook-page .gb-messages{padding-bottom:80px}.guestbook-page .gb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 30px}.guestbook-page .gb-card:nth-child(n){--gb-shift:0px}}@media (max-width: 440px){.gb-wall__heading{margin-bottom:38px}.guestbook-page .gb-list{grid-template-columns:1fr;gap:34px}.guestbook-page .gb-card:nth-child(n){--gb-tilt:0deg;--gb-shift:0px}.gb-card__photo{aspect-ratio:16 / 10!important}}@media (prefers-reduced-motion: reduce){.guestbook-page .gb-card,.guestbook-page .gb-card--new{animation:none;transition:none}}