:root{--color-primary:#5b8c3e;--color-primary-dark:#4a7a30;--color-primary-light:#5b8c3e14;--gradient-hero-text:linear-gradient(135deg, #5b8c3e 0%, #3d6b2a 100%);--color-bg:#f7faf5;--color-bg-alt:#eff5ed;--color-bg-card:#fff;--color-bg-hover:#e4ece0;--color-text:#2c3e2d;--color-text-light:#5a6b5c;--color-text-muted:#8a9a8c;--color-border:#d4e2d5;--color-border-light:#e8f0e9;--color-accent:#d4a44c;--color-danger:#c0392b;--color-success:#27ae60;--color-warning:#f39c12;--font-display:"DM Serif Display", "DM Serif Display Fallback", "LXGW WenKai", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", serif;--font-brand:"EB Garamond", "EB Garamond Fallback", "LXGW WenKai", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", serif;--font-body:"Lora", "Lora Fallback", "LXGW WenKai", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:3.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #2c3e2d0f;--shadow-md:0 4px 12px #2c3e2d14;--shadow-lg:0 8px 30px #2c3e2d1f;--shadow-xl:0 16px 48px #2c3e2d29;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-bg);font-size:16px;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.8;overflow-x:clip}html,body{overflow-y:visible!important}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px}}main{min-height:calc(100vh - 72px);padding-top:72px}h1,h2{font-family:var(--font-display);color:var(--color-text);letter-spacing:.01em;line-height:1.3}h3,h4,h5,h6{font-family:var(--font-body);color:var(--color-text);line-height:1.4}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:600}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select,input::placeholder,textarea::placeholder{font-family:var(--font-body)}input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number]{letter-spacing:.01em;font-family:ui-monospace,SF Mono,SFMono-Regular,JetBrains Mono,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}input[type=email]::placeholder,input[type=url]::placeholder,input[type=tel]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder{font-family:var(--font-body);letter-spacing:0}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.section{padding:var(--space-4xl) 0}.section-title{text-align:center;margin-bottom:var(--space-3xl);position:relative}.section-title:after{content:"";background:var(--color-primary);width:60px;height:3px;margin:var(--space-md) auto 0;border-radius:var(--radius-full);display:block}.section-subtitle{color:var(--color-text-muted);font-size:var(--text-md);margin-top:var(--space-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);box-sizing:border-box;vertical-align:middle;white-space:nowrap;text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none;padding:.75rem 1.75rem;font-family:inherit;line-height:1.2;text-decoration:none;display:inline-flex}.btn>span{line-height:inherit;justify-content:center;align-items:center;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #5b8c3e4d}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #5b8c3e66}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{font-size:var(--text-sm);padding:.5rem 1rem}.btn-lg{font-size:var(--text-base);padding:1rem 2.25rem}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;padding:.2rem .7rem;font-weight:600;display:inline-block}.badge-primary{color:var(--color-primary);background:#5b8c3e1a}.badge-secondary{color:var(--color-primary-dark);background:#5b8c3e0f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:.6s forwards fadeIn}.route-skeleton{background:var(--color-bg);min-height:calc(100vh - 72px)}.route-skeleton--public .route-skeleton__hero{background:var(--color-bg-alt);padding:clamp(5rem,11vw,8rem) 0 clamp(3rem,7vw,5rem)}.route-skeleton--public .route-skeleton__section{padding:var(--space-3xl) 0 var(--space-4xl)}.route-skeleton__title,.route-skeleton__line,.route-skeleton__thumb,.route-skeleton__button,.route-skeleton__toolbar,.route-skeleton__brand,.route-skeleton__nav-item{border-radius:var(--radius-md);background:linear-gradient(90deg,#d4e2d58c 0%,#ffffffd9 45%,#d4e2d58c 100%) 0 0/220% 100%}.route-skeleton__shimmer{animation:1.35s ease-in-out infinite skeletonShimmer}.route-skeleton__title{width:min(520px,72vw);height:clamp(2.25rem,6vw,4rem);margin-bottom:var(--space-xl)}.route-skeleton__line{width:100%;height:.95rem;margin-top:var(--space-sm)}.route-skeleton__line--wide{width:min(680px,86vw)}.route-skeleton__line--short{width:min(360px,56vw)}.route-skeleton__line--tiny{width:6rem;height:.8rem}.route-skeleton__button{width:118px;height:40px}.route-skeleton__toolbar{width:100%;height:44px;margin-bottom:var(--space-xl)}.route-skeleton__grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.route-skeleton__card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.route-skeleton__thumb{aspect-ratio:16/9;border-radius:0;width:100%}.route-skeleton__card-body{padding:var(--space-lg)}.route-skeleton--internal{min-height:calc(100vh - 72px);display:flex}.route-skeleton__sidebar{border-right:1px solid var(--color-border-light);background:var(--color-bg-card);width:220px;padding:18px 14px;position:fixed;top:72px;bottom:0;left:0}.route-skeleton__brand{height:40px;margin:4px 8px 20px}.route-skeleton__nav-item{height:34px;margin:8px 6px}.route-skeleton__internal-content{width:100%;min-height:calc(100vh - 72px);padding:60px clamp(1.5rem, 3vw, 2.5rem) var(--space-4xl);margin-left:220px}.route-skeleton__internal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.route-skeleton--internal .route-skeleton__title{width:220px;height:38px;margin-bottom:var(--space-sm)}.route-skeleton--internal .route-skeleton__line--wide{width:min(360px,62vw)}.route-skeleton__grid--internal{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr))}.route-skeleton__grid--internal .route-skeleton__card{border-radius:var(--radius-md);min-height:180px}@keyframes skeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=1024px){.section{padding:var(--space-3xl) 0}.route-skeleton__grid,.route-skeleton__grid--internal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}.section{padding:var(--space-2xl) 0}main{min-height:calc(100vh - 64px);padding-top:64px}.route-skeleton{min-height:calc(100vh - 64px)}.route-skeleton--internal{display:block}.route-skeleton__sidebar{display:none}.route-skeleton__internal-content{padding:92px var(--space-md) var(--space-3xl);margin-left:0}.route-skeleton__internal-header{margin-bottom:var(--space-xl);flex-direction:column}.route-skeleton__grid,.route-skeleton__grid--internal{grid-template-columns:1fr}.route-skeleton__card:nth-child(n+4){display:none}}@media (width<=480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}main{min-height:calc(100vh - 56px);padding-top:56px}.route-skeleton{min-height:calc(100vh - 56px)}.route-skeleton__hero{padding:4rem 0 2.5rem}}.msc-cols{align-items:start;gap:12px;margin:.8em 0;display:grid}.msc-cols--2{grid-template-columns:1fr 1fr}.msc-cols--3{grid-template-columns:1fr 1fr 1fr}.msc-cols--4{grid-template-columns:repeat(4,1fr)}.msc-col{border-radius:var(--radius-sm,4px);background:0 0;justify-content:center;align-items:center;min-height:80px;padding:4px;display:flex}.msc-col>img,.msc-col .msc-img{border-radius:var(--radius-sm,4px);width:100%;max-width:100%;height:auto;display:block}.msc-col__placeholder{width:100%;min-height:96px;color:var(--color-text-muted,#9ca3af);font-size:var(--text-sm,13px);border-radius:var(--radius-sm,4px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#5b8c3e0a;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.msc-col__empty{border-radius:var(--radius-sm,4px);-webkit-user-select:none;user-select:none;background:#5b8c3e0a;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;width:100%;min-height:96px;padding:10px;display:flex}.msc-col__act{appearance:none;border:1px dashed var(--color-border,#d1d5db);color:var(--color-text-muted,#6b7280);font-size:var(--text-sm,13px);border-radius:var(--radius-sm,4px);cursor:pointer;background:#fff;padding:8px 10px;font-family:inherit;line-height:1.3;transition:border-color .15s,color .15s,background .15s}.msc-col__act:hover{border-color:var(--color-primary,#5b8c3e);color:var(--color-primary,#5b8c3e);background:#5b8c3e0f}.msc-col>p,.msc-col>h1,.msc-col>h2,.msc-col>h3,.msc-col>h4,.msc-col>ul,.msc-col>ol,.msc-col>blockquote{text-align:left;white-space:pre-wrap;word-break:break-word;width:100%;margin:.25em 0}:is(.msc-col:has(>p),.msc-col:has(>h1),.msc-col:has(>h2),.msc-col:has(>h3),.msc-col:has(>h4),.msc-col:has(>ul),.msc-col:has(>ol),.msc-col:has(>blockquote)){justify-content:flex-start;align-items:flex-start}.msc-table-wrap{margin:.8em 0;position:relative;overflow-x:auto}.msc-table{border-collapse:collapse;width:100%;font-size:var(--text-sm,14px)}.msc-table td{border:1px solid var(--color-border,#d1d5db);vertical-align:top;min-width:80px;padding:8px 12px;line-height:1.5}.msc-table tr:first-child td{background:var(--color-bg-alt,#f9fafb);font-weight:600}@media (width<=640px){.msc-cols--3,.msc-cols--4{grid-template-columns:1fr 1fr}}.navbar{z-index:1000;background:var(--color-bg);border-bottom:1px solid #0000;transition:background .25s,box-shadow .25s,border-color .25s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-sm);background:#fff}.navbar__container{align-items:center;gap:var(--space-lg);width:100%;height:72px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem) 0 clamp(.75rem,2vw,1.5rem);display:flex}.navbar__logo{align-items:center;gap:var(--space-sm);color:var(--color-text);cursor:pointer;padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm));border-radius:var(--radius-md);transition:opacity var(--transition-fast);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo:hover{opacity:.75}.navbar__logo-img{object-fit:contain;content-visibility:auto;contain-intrinsic-size:52px 52px;width:52px;height:52px;display:block}.navbar__logo-text{font-family:var(--font-brand);font-size:var(--text-xl);color:var(--color-primary-dark);letter-spacing:.03em;font-weight:600;line-height:1}.navbar__nav-bar{flex:1.5;align-items:center;gap:0;height:100%;display:flex}.navbar__nav-item{min-width:0;height:100%;font-size:var(--text-sm);color:var(--color-text-light);transition:all var(--transition-fast);white-space:nowrap;flex:1;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex;position:relative}.navbar__nav-item:hover{color:var(--color-primary);background:#5b8c3e0a}.navbar__nav-item--active{color:var(--color-primary);background:#5b8c3e1a;font-weight:500}.navbar__nav-item--active:hover{color:var(--color-primary);background:#5b8c3e24}.navbar__right{align-items:center;gap:var(--space-sm);margin-left:var(--space-lg);flex-shrink:0;min-width:60px;display:flex}.navbar__right-placeholder{width:140px;height:1em;display:inline-block}.navbar__member-entry{font-size:var(--text-xs);color:var(--color-text-lighter,#b0b0b0);letter-spacing:.02em;transition:color var(--transition-fast);white-space:nowrap;font-weight:400;text-decoration:none}.navbar__member-entry:hover{color:var(--color-primary)}.navbar__user{align-items:center;gap:var(--space-sm);margin-left:var(--space-md);display:flex}.navbar__user-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.navbar__user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.navbar__user-avatar span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:600;display:flex}.navbar__user-name{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.navbar__user-link{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:8px;padding:4px 8px;text-decoration:none;display:flex}.navbar__user-link:hover{background:#5b8c3e0f}.navbar__user-link:hover .navbar__user-name{color:var(--color-primary)}.navbar__link{color:var(--color-text);font-weight:500;font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:.5rem 1rem;text-decoration:none;display:flex}.navbar__link:hover{color:var(--color-primary);background:#5b8c3e0f}.navbar__link--active{color:var(--color-primary);background:#5b8c3e1a}.navbar__dropdown{position:relative}.navbar__dropdown-menu{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--space-xs);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;top:100%;right:0;transform:translateY(-8px)}.navbar__dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(4px)}.navbar__dropdown-item{color:var(--color-text);font-size:var(--text-base);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.6rem 1rem;text-decoration:none;display:block}.navbar__dropdown-item:hover{color:var(--color-primary);background:#5b8c3e0f}.navbar__dropdown-item--notification{border-bottom:1px solid var(--color-border-light);align-items:center;gap:6px;margin-bottom:4px;padding-bottom:.7rem;display:flex}.navbar__dropdown-badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.navbar__badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex;position:relative;top:-1px}.navbar__toggle{color:var(--color-text);padding:var(--space-xs);transition:color var(--transition-fast);background:0 0;border:none;display:none}.navbar__toggle:hover{color:var(--color-primary)}.navbar__links,.navbar__mobile-auth{display:none}@media (width<=900px){.navbar__container{gap:var(--space-sm);justify-content:space-between;height:64px;padding:0 clamp(.75rem,3vw,1.5rem)}.navbar__logo-img{contain-intrinsic-size:40px 40px;width:40px;height:40px}.navbar__logo-text{font-size:var(--text-xl)}.navbar__nav-bar,.navbar__right{display:none}.navbar__toggle{justify-content:center;align-items:center;margin-right:0;display:inline-flex}.navbar__toggle svg{width:26px;height:26px}.navbar__links{width:55vw;max-width:280px;padding:var(--space-md) var(--space-md);border-radius:0 0 0 var(--radius-lg);opacity:0;pointer-events:none;background:#fff;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 64px);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .22s;display:flex;position:fixed;top:64px;bottom:auto;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 4px 20px #00000014}.navbar__links--open{opacity:1;pointer-events:auto;transform:translate(0)}.navbar__link{font-size:var(--text-base);border-radius:var(--radius-sm);white-space:nowrap;padding:.6rem .75rem}.navbar__mobile-auth{padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-border-light);display:block}.navbar__mobile-user{align-items:center;gap:var(--space-sm);font-size:var(--text-base);padding:.4rem .75rem;display:flex}.navbar__mobile-user .navbar__user-name{font-size:var(--text-sm)}.navbar__mobile-user .btn-sm{font-size:var(--text-sm);white-space:nowrap;padding:.25rem .6rem}.navbar__mobile-user .btn-sm svg{display:none}.navbar__mobile-entry{color:var(--color-text-muted)}.navbar__dropdown-menu{box-shadow:none;padding-left:var(--space-lg);opacity:1;visibility:visible;background:0 0;border:none;position:static;transform:none}.navbar__dropdown-menu--open{transform:none}}@media (width<=480px){.navbar__container{height:56px;padding:0 .75rem}.navbar__logo-img{contain-intrinsic-size:38px 38px;width:38px;height:38px}.navbar__logo-text{font-size:var(--text-lg)}.navbar__logo{gap:6px}.navbar__links{max-height:calc(100vh - 56px);top:56px}}.footer{margin-top:var(--space-4xl);position:relative}.footer--internal{margin-left:220px}@media (width<=1024px){.footer--internal .footer__grid{row-gap:var(--space-lg);text-align:center;grid-template:none/1fr;column-gap:0}.footer--internal .footer__grid>.footer__nav,.footer--internal .footer__grid>.footer__nav:first-child,.footer--internal .footer__grid>.footer__nav:nth-child(2),.footer--internal .footer__grid>.footer__nav--contact,.footer--internal .footer__grid>.footer__qrcode{align-items:center;gap:var(--space-xs);flex-direction:column;grid-area:auto;grid-template-rows:none;display:flex}.footer--internal .footer__nav-links-row,.footer--internal .footer__about-texts,.footer--internal .footer__contact-list{align-items:center}.footer--internal .footer__contact-item{white-space:normal;justify-content:center}}.footer__content{color:var(--color-text);padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--color-border-light);background:#fff}.footer__grid{column-gap:var(--space-xl);row-gap:var(--space-2xl);grid-template-columns:repeat(4,1fr);grid-template-areas:"nav about contact qrcode";align-items:start;display:grid}@media (width<=960px) and (width>=769px){.footer__grid{row-gap:var(--space-xl);grid-template-columns:repeat(2,1fr);grid-template-areas:"nav about""contact qrcode"}}@media (width>=769px){.footer__grid>.footer__nav:first-child{grid-area:nav}.footer__grid>.footer__nav:nth-child(2){grid-area:about}.footer__grid>.footer__nav--contact{grid-area:contact}.footer__grid>.footer__qrcode{grid-area:qrcode}}.footer__nav,.footer__qrcode{flex-direction:column;gap:8px;display:flex}.footer__contact-list{flex-direction:column;gap:6px;display:flex}.footer__contact-item{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;padding:1px 0;line-height:1.4;display:flex;position:relative}.footer__qrcode{text-align:center;align-items:center}.footer__qrcode-img{object-fit:cover;border:1px solid var(--color-border-light);cursor:pointer;width:100px;height:100px;transition:opacity var(--transition-fast);border-radius:8px}.footer__qrcode-img:hover{opacity:.85}.footer__qrcode-text{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__contact-guestbook{margin-top:0}.footer__contact-guestbook .footer-guestbook{justify-content:flex-start;margin-top:0}.footer__contact-guestbook .footer-guestbook__trigger{align-items:center;gap:var(--space-sm);width:auto;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;border-radius:0;justify-content:flex-start;padding:1px 0;line-height:1.4;display:inline-flex}.footer__contact-guestbook .footer-guestbook__trigger:hover{color:var(--color-primary);background:0 0;border:none}.footer__qrcode-overlay{z-index:9999;cursor:pointer;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out footerOverlayIn;display:flex;position:fixed;inset:0}.footer__qrcode-overlay img{border-radius:12px;max-width:min(80vw,400px);max-height:80vh;box-shadow:0 8px 32px #0000004d}@keyframes footerOverlayIn{0%{opacity:0}to{opacity:1}}.footer__nav-title{font-size:var(--text-base);color:var(--color-text);padding-bottom:var(--space-md);font-weight:600}.footer__nav-link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);padding:1px 0;line-height:1.4;text-decoration:none;display:block}.footer__nav-link:last-child{margin-bottom:0}.footer__nav-link:hover{color:var(--color-primary)}.footer__nav-text{color:var(--color-text-muted);font-size:var(--text-sm);padding:1px 0;line-height:1.4;display:block}.footer__about-texts,.footer__nav-links-row{flex-direction:column;gap:6px;display:flex}.footer__copy-btn{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.footer__copy-btn:hover{color:var(--color-primary);background:var(--color-bg-muted,#0000000a)}.footer__copy-toast{margin-left:var(--space-xs,4px);font-size:var(--text-xs);color:var(--color-primary);white-space:nowrap;pointer-events:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.footer__bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);justify-content:center;align-items:center;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.footer__bottom p{justify-content:center;align-items:center;gap:4px;display:flex}@media (width<=768px){.footer{margin-top:var(--space-2xl)}.footer--internal{margin-left:0}.footer__grid{row-gap:var(--space-lg);text-align:center;grid-template:none/1fr;column-gap:0}.footer__grid>.footer__nav,.footer__grid>.footer__qrcode{justify-content:flex-start;align-items:center;gap:var(--space-xs);border-bottom:none;flex-direction:column;grid-area:auto;grid-template-rows:none;width:100%;padding:0;display:flex}.footer__nav-title{margin-bottom:0;padding-bottom:0;display:block}.footer__nav-links-row{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.footer__nav-links-row .footer__nav-link{text-align:center;width:100%;min-height:30px;padding:4px 0;line-height:1.5;display:block}.footer__about-texts{border-top:none;flex-direction:column;align-items:center;gap:2px;width:100%;padding-top:0;display:flex}.footer__about-texts .footer__nav-text{min-height:30px;padding:4px 0;line-height:1.5;display:block}.footer__contact-list{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.footer__contact-item{white-space:normal;flex-wrap:nowrap;justify-content:center;min-height:30px;padding:4px 0;line-height:1.5}.footer__contact-guestbook{margin-top:var(--space-xs);border-bottom:none;justify-content:center;width:100%;padding:0;display:flex}.footer__contact-guestbook .footer-guestbook{justify-content:center;width:auto;min-width:0}.footer__contact-guestbook .footer-guestbook__trigger{border:1px dashed var(--color-border);border-radius:var(--radius-full,999px);justify-content:center;width:auto;padding:8px 20px;display:inline-flex}.footer__contact-guestbook .footer-guestbook__trigger:hover{border:1px dashed var(--color-primary)}.footer__copy-toast{margin-left:var(--space-xs,4px);text-align:left;width:auto;margin-top:0;display:inline;position:static;transform:none}.footer__qrcode{align-items:center}.footer__qrcode-img{grid-row:auto;width:120px;height:120px;margin-bottom:0}.footer__content{padding:var(--space-lg) 0 var(--space-md)}.footer__bottom{margin-top:var(--space-md);gap:var(--space-xs);flex-direction:column}}