:root{--gap: 6px }*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Noto Sans SC,Inter,system-ui,Segoe UI,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;color:#111;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.snap-container{min-height:100svh;height:100dvh;max-height:100lvh;overflow-y:scroll;scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.snap-container::-webkit-scrollbar{display:none}.snap-section{min-height:100svh;height:100dvh;max-height:100lvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0 48px;gap:18px}.hero-section{padding:0;position:relative}.map-section{padding:28px 0 40px;position:relative}.gallery-section{padding:24px 0 36px;justify-content:flex-start;align-items:stretch;min-height:100svh;height:100dvh;max-height:100lvh}.info-section{padding:32px 0 44px}.grid-wrap{width:100%;margin:0;padding:calc(var(--gap) * 10) calc(var(--gap) * 10);min-height:calc(100svh - 56px);max-height:calc(100lvh - 56px)}.grid{display:grid;gap:calc(var(--gap) * 10);grid-auto-rows:1fr;grid-template-columns:repeat(5,1fr)}.item{position:relative;overflow:hidden;padding-top:100%;background:#f0f0f0}.item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .4s ease;opacity:0}.item img.loaded{opacity:1}.item img[data-src]:not([src]),.item img[src=""]{animation:skeletonPulse 2s ease-in-out infinite}@keyframes skeletonPulse{0%,to{background-color:#e8e8e8}50%{background-color:#f2f2f2}}.item:hover img{transform:scale(1.06)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000c;z-index:200001}.lightbox img{max-width:95%;max-height:95%;box-shadow:0 8px 30px #0009;border-radius:6px}.lightbox.visible{display:flex}@media (max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:601px) and (max-width:900px){.grid{grid-template-columns:repeat(3,1fr);gap:calc(var(--gap) * 6)}.grid-wrap{padding:calc(var(--gap) * 6)}}@media (max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--gap) * 3)}.grid-wrap{padding:12px}.item{padding-top:100%}}.subtitle{width:90%;max-width:1200px;margin:calc(var(--gap) * 2) auto;text-align:center;font-family:Noto Sans SC,Segoe UI,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#0b3a4b;line-height:1.2}.subtitle-line{font-size:2.1rem;font-weight:700;margin:0;font-family:Inter,Noto Sans SC,sans-serif;letter-spacing:.2px}.subtitle-line-img{display:block;max-width:420px;width:100%;height:auto;margin:2% auto 0}.subtitle-map{margin-bottom:calc(var(--gap) * 2)}.subtitle-grid{margin-top:calc(var(--gap) * 1);margin-bottom:calc(var(--gap) * 2)}.map-embed-shell{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 18px;box-sizing:border-box}.map-embed{width:92%;max-width:1280px;min-height:68svh;height:72dvh;max-height:78lvh;box-shadow:0 14px 36px #00000040;border-radius:14px;overflow:hidden;background:#00000014;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.map-iframe{width:100%;height:100%;border:0;display:block;background:#000}@media (max-width:900px){.map-embed{width:96%;height:64dvh;min-height:58svh}}@media (max-width:600px){.map-embed{width:98%;height:58dvh;min-height:52svh;box-shadow:0 10px 26px #00000038}}.map-fs-btn{position:absolute;right:18px;bottom:18px;z-index:15000;background:#fffffff5;border:1px solid rgba(0,0,0,.12);color:#05313a;font-weight:800;padding:12px 16px;border-radius:12px;cursor:pointer;box-shadow:0 10px 26px #0000003d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .12s ease,opacity .12s ease}.map-fs-btn:active{transform:translateY(1px) scale(.99)}@media (max-width:600px){.map-fs-btn{right:14px;bottom:14px;padding:11px 14px;font-size:.98rem}}.map-section.is-map-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;padding:0;margin:0;background-size:cover;background-position:center}.map-section.is-map-fullscreen .subtitle{display:none}.map-section.is-map-fullscreen .map-embed-shell{padding:0;height:100%;justify-content:center}.map-section.is-map-fullscreen .map-embed{width:100%;height:100vh;max-width:none;min-height:100vh;max-height:none;border-radius:0;box-shadow:none;background:#000}.snap-dots{position:fixed;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:5000}.snap-dot{width:12px;height:12px;border-radius:50%;background:#0003;transition:transform .2s ease,background .2s ease;cursor:pointer}.snap-dot.active{background:#036;transform:scale(1.2);box-shadow:0 0 0 6px #0033661a}@media (max-width:480px){.snap-dots{display:none}}.hero-press{position:absolute;left:50%;bottom:72px;transform:translate(-50%) translateY(6px);color:#fff;background:#00000047;padding:8px 14px;border-radius:20px;font-size:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .45s ease,transform .45s ease;z-index:4000;pointer-events:auto;animation:heroFadeIn .55s ease forwards}.hero-press.blink{animation:heroFadeIn .55s ease forwards,heroBlink 1.8s linear .8s infinite}.hero-press.hidden{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}@keyframes heroFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes heroTitleIn{to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes heroBlink{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.hero-title{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;min-height:100svh;height:100dvh}.hero-title h1{font-family:Great Vibes,Brush Script MT,cursive;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:700;color:#1a1a2e;text-shadow:0 0 30px rgba(120,180,230,.4),0 0 60px rgba(140,200,250,.15);opacity:0;transform:translateY(30px);animation:heroTitleIn 1.2s .3s ease-out forwards;animation-play-state:paused;-webkit-user-select:none;user-select:none;transform:translateY(30px) translateZ(0);backface-visibility:hidden}.hero-title p{font-size:clamp(.85rem,1.5vw,1.2rem);font-weight:300;color:#456;letter-spacing:.2em;margin-top:.5rem;opacity:0;transform:translateY(20px) translateZ(0);animation:heroTitleIn 1.2s .7s ease-out forwards;animation-play-state:paused;-webkit-user-select:none;user-select:none;backface-visibility:hidden}.skin-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:0 18px;box-sizing:border-box;gap:10svh;padding:0 10svh;align-items:stretch}.skin-wrap .info-card{width:auto;max-width:none;flex:1}.skin-card{display:flex;flex-direction:column;gap:12px;background:#ffffffe6;border-radius:16px;padding:24px 22px;box-shadow:0 16px 48px #0000002e;border:1px solid rgba(0,0,0,.08)}.skin-body{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.skin-title{margin:0;font-size:1.5em;font-weight:700;color:#0f172a}.skin-viewer-wrap{position:relative;width:100%;height:520px}.card-mobile{min-height:520px;height:auto;display:flex;flex-direction:column}.card-mobile .skin-viewer-wrap{flex:1 1 auto;height:100%;min-height:0}.skin-viewer-wrap canvas{width:100%!important;height:100%!important;display:block}.skin-controls{display:grid;gap:12px}.skin-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:center}.skin-dropzone{grid-column:1/-1;border:1px dashed rgba(56,189,248,.7);background:#38bdf814;border-radius:12px;padding:22px 16px;min-height:190px;text-align:center;cursor:pointer;display:grid;gap:6px;transition:border-color .2s ease,background .2s ease,transform .1s ease;color:#0f172a}.skin-dropzone:hover,.skin-dropzone.hover{border-color:#22d3ee;background:#38bdf824;transform:translateY(-1px)}.skin-drop-main{font-weight:700;font-size:15px}.skin-drop-sub{font-size:13px;color:#475569}.skin-btn{padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:14px;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}.skin-btn.primary{background:linear-gradient(120deg,#22d3ee,#6366f1);color:#0b1224;border:none;box-shadow:0 10px 25px #6366f140}.skin-btn.ghost{background:#0f172a0d;border:1px solid rgba(15,23,42,.12);color:#0f172a}.skin-btn.sm{padding:6px 10px;font-size:12px}.skin-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(56,189,248,.35);background:#38bdf81f;color:#0f172a;word-break:break-all;font-size:13px}.skin-select select{padding:8px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a}.skin-checkbox{display:inline-flex;align-items:center;gap:6px;color:#0f172a}.file-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;width:100%}.file-row{display:grid;grid-template-columns:60% 11.1111% 11.1111% 10%;gap:16px;align-items:center;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#ffffffb3;width:100%;margin:0 auto}.file-name{font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.file-meta{font-size:13px;color:#475569;width:auto;flex-shrink:0;text-align:center}.file-size{display:flex;align-items:center;white-space:nowrap;width:auto;justify-content:center}.file-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background:#082f4914;color:#0f172a;font-weight:700;font-size:12px;border:1px solid rgba(8,47,73,.16);margin-left:8px}.file-download{padding:8px 12px;border-radius:8px;border:1px solid #0ea5e9;background:#38bdf8;color:#0b1224;font-weight:700;cursor:pointer;text-decoration:none;margin-left:0;display:inline-flex;align-items:center;justify-content:center}.file-download:active{transform:translateY(1px)}.file-empty{color:#475569;font-size:14px}@media (max-width:600px){.file-row{grid-template-columns:1fr 80px;gap:12px;align-items:center}.file-meta,.file-size{display:none!important}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.file-tag{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:8px}.file-download{width:72px;min-width:72px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;justify-self:end}}#file-card{display:flex;flex-direction:column;height:100%;flex:1 1 0}.card-desktop{display:block}.card-mobile{display:none}@media (max-width:900px){.skin-body{grid-template-columns:1fr}.card-desktop{display:none}.card-mobile{display:block}.skin-card{box-shadow:10px 10px 6px #00000024}.skin-viewer-wrap{height:360px}.card-mobile{min-height:420px}.skin-wrap{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:18px;padding:0 6vw 12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.skin-wrap .info-card{flex:0 0 86vw;max-width:86vw;scroll-snap-align:start;scroll-snap-stop:always}#file-card{flex:0 0 86vw;max-width:86vw}.skin-wrap::-webkit-scrollbar{display:none}}@media (max-width:768px){.skin-viewer-wrap{height:280px}.skin-body{grid-template-columns:1fr}}.gallery-shell{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:none;min-height:0;height:100%;flex:1}.gallery-scroll{width:100%;display:block;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:0;max-height:clamp(calc(100svh - 220px),calc(100dvh - 220px),calc(100lvh - 220px))}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-scroll .grid-wrap{min-height:0;height:auto;width:100%;padding:calc(var(--gap) * 4) calc(var(--gap) * 8);box-sizing:border-box}@media (max-width:600px){.gallery-scroll{padding-bottom:0;max-height:clamp(calc(100svh - 180px),calc(100dvh - 180px),calc(100lvh - 180px))}}.icp-bar{width:100%;text-align:center;padding:14px 12px;font-size:.9rem;color:#0a4f9c}.icp-link{color:#0a4f9c;text-decoration:none;font-weight:700}.icp-link:hover{text-decoration:underline}