.guestbook-page{padding:54px 0 72px}.guestbook-intro{align-items:end;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto 42px;max-width:1018px}.guestbook-intro h1{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1.24;margin:0}.guestbook-intro>p{color:var(--muted);font-size:13px;line-height:1.9;margin:0;max-width:470px}.guestbook-workspace{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:230px minmax(0,1fr);min-height:690px}.guestbook-sidebar{background:#f1f4ef;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 24px}.guestbook-sidebar small{color:var(--accent);font-family:monospace;font-size:9px;letter-spacing:.08em}.guestbook-sidebar h2{font-family:var(--serif);font-size:23px;margin:8px 0 24px}.guestbook-filters{display:grid;gap:7px}.guestbook-filter{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:12px;justify-content:space-between;padding:12px 13px;text-align:left}.guestbook-filter span{align-items:center;background:#dfe6df;border-radius:50%;display:flex;font-family:monospace;font-size:9px;height:24px;justify-content:center;width:24px}.guestbook-filter:hover{background:#e4ece4}.guestbook-filter[aria-current="true"]{background:#cfe3cb;font-weight:700}.guestbook-filter[aria-current="true"] span{background:#f6f3ed}.guestbook-status{border-top:1px solid #cfd9cf;margin-top:auto;padding-top:22px}.guestbook-status strong{font-family:var(--serif);font-size:14px}.guestbook-status p{color:var(--muted);font-size:10px;line-height:1.7;margin:8px 0 0}.guestbook-status button{background:transparent;border:0;color:var(--accent);cursor:pointer;font-family:inherit;font-size:10px;margin-top:10px;padding:0}.guestbook-status button:hover{text-decoration:underline}.guestbook-board{background:#fbfcf8;min-width:0}.guestbook-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;height:70px;justify-content:space-between;padding:0 28px}.guestbook-toolbar>span{color:var(--muted);font-size:11px}.guestbook-add{align-items:center;background:var(--panel);border:0;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:13px;min-height:40px;padding:0 16px}.guestbook-add:hover{background:var(--accent)}.guestbook-add span{font-size:17px;font-weight:400}.guestbook-canvas{background-color:#fbfcf8;background-image:radial-gradient(#cddbd0 .7px,transparent .7px);background-size:18px 18px;min-height:620px;overflow:hidden;position:relative}.guestbook-center{align-items:center;background:#d9ead4;border:1px solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 #c2d6bf;display:flex;flex-direction:column;height:160px;justify-content:center;left:50%;padding:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:145px;z-index:3}.guestbook-center-avatar{background:#fff;border:1px solid #adc5ad;border-radius:50%;display:block;height:66px;margin-bottom:9px;overflow:hidden;width:66px}.guestbook-center-avatar img{height:100%;object-fit:contain;width:100%}.guestbook-center strong{font-family:var(--serif);font-size:16px}.guestbook-center small{color:var(--muted);font-size:9px;margin-top:4px}.guestbook-lines span{border-top:1px dashed #9fbea5;left:50%;position:absolute;top:50%;transform-origin:left;width:220px}.guestbook-lines span:nth-child(1){transform:rotate(-145deg)}.guestbook-lines span:nth-child(2){transform:rotate(-35deg)}.guestbook-lines span:nth-child(3){transform:rotate(145deg)}.guestbook-lines span:nth-child(4){transform:rotate(35deg)}.guestbook-cards{height:100%;left:0;min-height:620px;position:absolute;top:0;width:100%}.guestbook-card{background:#fff;border:1px dashed #a9bea9;border-radius:6px;box-shadow:5px 5px 0 rgba(35,76,59,.08);padding:16px 17px;position:absolute;width:205px;z-index:4}.guestbook-card:nth-child(4n+1){left:13%;top:14%}.guestbook-card:nth-child(4n+2){right:12%;top:13%}.guestbook-card:nth-child(4n+3){bottom:12%;left:12%}.guestbook-card:nth-child(4n){bottom:11%;right:11%}.guestbook-card-category{background:#e4efe2;border-radius:12px;color:var(--accent);display:inline-flex;font-size:9px;padding:4px 8px}.guestbook-card h3{font-family:var(--serif);font-size:15px;margin:10px 0 7px}.guestbook-card p{color:#4f6258;font-size:11px;line-height:1.75;margin:0;overflow-wrap:anywhere}.guestbook-card time{color:#8a9990;display:block;font-size:9px;margin-top:10px}.guestbook-empty{color:var(--muted);font-size:12px;left:50%;margin:120px 0 0;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.guestbook-dialog{background:#f8f7f2;border:1px solid #b8c9bb;border-radius:7px;color:var(--ink);max-width:500px;padding:0;width:calc(100% - 40px)}.guestbook-dialog::backdrop{background:rgba(13,40,32,.45)}.guestbook-dialog form{padding:27px}.guestbook-dialog-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.guestbook-dialog-head small{color:var(--accent);font-family:monospace;font-size:9px}.guestbook-dialog-head h2{font-family:var(--serif);font-size:25px;margin:7px 0 0}.guestbook-dialog-head button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:26px;line-height:1;padding:0}.guestbook-dialog label{display:grid;gap:7px;margin-top:15px}.guestbook-dialog label>span{font-size:11px;font-weight:700}.guestbook-dialog input,.guestbook-dialog select,.guestbook-dialog textarea{background:#fff;border:1px solid #cfd8cf;border-radius:4px;color:var(--ink);font:inherit;font-size:12px;line-height:1.6;padding:10px 11px;width:100%}.guestbook-dialog textarea{resize:vertical}.guestbook-dialog input:focus,.guestbook-dialog select:focus,.guestbook-dialog textarea:focus{border-color:var(--accent);outline:2px solid rgba(47,121,91,.14)}.guestbook-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.guestbook-dialog-actions .button{border:0;cursor:pointer}.guestbook-form-note{color:var(--muted);font-size:9px;line-height:1.6;margin:13px 0 0;text-align:right}
@media(max-width:1080px){.guestbook-intro{margin-left:24px;margin-right:24px}.guestbook-workspace{grid-template-columns:210px}.guestbook-card{width:190px}.guestbook-card:nth-child(4n+1),.guestbook-card:nth-child(4n+3){left:7%}.guestbook-card:nth-child(4n+2),.guestbook-card:nth-child(4n){right:6%}}
@media(max-width:760px){.guestbook-page{overflow-x:hidden;padding:38px 0 50px}.guestbook-intro{align-items:start;gap:20px;grid-template-columns:1fr;margin:0 20px 32px}.guestbook-intro h1{font-size:34px}.guestbook-workspace{border-bottom:0;grid-template-columns:minmax(0,1fr);min-height:0}.guestbook-sidebar{min-width:0;width:100%}.guestbook-sidebar{border-bottom:1px solid var(--line);border-right:0;padding:23px 20px}.guestbook-sidebar h2{font-size:20px;margin-bottom:15px}.guestbook-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.guestbook-filter{flex:0 0 auto;gap:10px;padding:9px 11px}.guestbook-filter span{height:21px;width:21px}.guestbook-status{margin-top:20px;padding-top:16px}.guestbook-board{min-width:0}.guestbook-toolbar{height:66px;padding:0 20px}.guestbook-toolbar>span{max-width:145px}.guestbook-canvas{background-size:16px 16px;min-height:0;padding:25px 20px 35px}.guestbook-center{height:auto;left:auto;margin:0 auto 27px;padding:13px;position:relative;top:auto;transform:none;width:132px}.guestbook-center-avatar{height:55px;width:55px}.guestbook-lines{display:none}.guestbook-cards{display:grid;gap:14px;height:auto;min-height:0;position:relative}.guestbook-card{box-shadow:4px 4px 0 rgba(35,76,59,.07);position:relative;width:100%}.guestbook-card:nth-child(n){bottom:auto;left:auto;right:auto;top:auto}.guestbook-empty{margin:25px 0;position:static;transform:none;width:auto}.guestbook-dialog form{padding:23px 20px}.guestbook-dialog-actions{justify-content:stretch}.guestbook-dialog-actions .button{justify-content:center;width:50%}}