:root{color:#4a352c;font-synthesis:none;background:#f7d9d3;font-family:LXGW WenKai,STKaiti,KaiTi,Kaiti SC,Microsoft YaHei,serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.mobile-guide,.home-viewport.mobile-device{display:none}.mobile-guide:has(+.mobile-device){place-content:center;min-height:100dvh;padding:32px;line-height:1.9;display:grid}.mobile-guide h1{margin:0;font-size:28px}.entrance-page{background:#f7d9d3 url(/assets/home/paper-bg.jpg) 50%/cover no-repeat;height:100vh;position:relative;overflow:hidden}.entrance-logo{-webkit-user-select:none;user-select:none;width:min(46vw,990px);position:absolute;top:25.3%;left:22.2%}.entrance-cat{-webkit-user-select:none;user-select:none;width:min(7vw,150px);position:absolute;top:31.5%;left:69%}.entrance-slogan{-webkit-user-select:none;user-select:none;width:min(60vw,1290px);position:absolute;top:55.2%;left:17.9%}.entrance-tagline{-webkit-user-select:none;user-select:none;width:min(48vw,1030px);position:absolute;top:63.6%;left:22.6%}.entrance-arrow{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(2.52vw,54.6px);height:auto;animation:2.2s ease-in-out infinite arrow-bob;position:absolute;top:52%;left:79.5%}.entrance-arrow path{fill:none;stroke:#000;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}@keyframes arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(12%)}}@media (prefers-reduced-motion:reduce){.entrance-arrow{animation:none}}.sparkles{pointer-events:none;z-index:3;position:absolute;inset:0}.sparkles i{filter:drop-shadow(0 0 4px #fffdf5);background:radial-gradient(circle,#fff 0 16%,#0000 26%);animation:ease-in-out infinite sparkle-twinkle;display:block;position:absolute}.sparkles i:before,.sparkles i:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkles i:before{background:linear-gradient(90deg,#0000,#fffdf5 45%,#fff,#fffdf5 55%,#0000);width:100%;height:16%}.sparkles i:after{background:linear-gradient(#0000,#fffdf5 45%,#fff,#fffdf5 55%,#0000);width:16%;height:100%}@keyframes sparkle-twinkle{0%,to{opacity:.14;transform:scale(.35)rotate(0)}50%{opacity:1;transform:scale(1.05)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.sparkles i{opacity:.3;animation:none}}.debug-grid{pointer-events:none;z-index:9998;background-image:linear-gradient(#00000018 1px,#0000 1px),linear-gradient(90deg,#00000018 1px,#0000 1px);background-size:10% 10vh;position:fixed;inset:0}.debug-pos{z-index:9999;color:#4a2c1a;pointer-events:none;background:#fffd;border-radius:8px;padding:5px 12px;font-size:13px;position:fixed;bottom:10px;left:10px}.edit-panel{z-index:9999;color:#4a2c1a;background:#fffaf2f2;border:2px solid #e3b596;border-radius:14px;flex-direction:column;gap:6px;width:300px;padding:12px 14px;font-size:13px;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 8px 24px #55230d26}.edit-panel b{font-size:15px}.edit-panel small{color:#8a5340;line-height:1.5}.edit-panel div{gap:8px;display:flex}.edit-panel i{color:#8a5340;flex:0 0 62px;font-style:normal}.edit-panel button{font:inherit;color:#4a2c1a;cursor:pointer;background:#f2a06b;border:2px solid #d97b45;border-radius:8px;margin-top:4px;padding:6px 0;font-size:13px}.edit-mode .web-topright,.edit-mode .ghost-cart,.edit-mode .entrance-arrow{pointer-events:auto!important}.edit-mode .ghost-cart{animation-play-state:paused}.edit-mode .entrance-logo,.edit-mode .entrance-cat,.edit-mode .entrance-slogan,.edit-mode .entrance-tagline,.edit-mode .entrance-arrow,.edit-mode .feedback-entry,.edit-mode .web-topright,.edit-mode .ghost-cart{outline-offset:3px;cursor:move;outline:2px dashed #e2711d}.home-viewport{aspect-ratio:4644/3400;background:#f7d9d3 url(/assets/home/paper-bg.jpg) 50%/cover no-repeat;width:100%;position:relative;overflow:hidden}.home-stage{transform-origin:0 0;width:4644px;height:3400px;position:absolute;top:0;left:0}.home-bg{-webkit-user-select:none;user-select:none;width:100%;height:auto;position:absolute;top:0;left:0}.ghost-cart{z-index:55;pointer-events:none;width:192px;animation:45s linear infinite ghost-walk;position:fixed;bottom:-24px;left:0}@keyframes ghost-walk{0%{transform:translate(-260px)}to{transform:translate(100vw)}}@media (prefers-reduced-motion:reduce){.ghost-cart{display:none}}.web-topright{object-fit:cover;mix-blend-mode:multiply;pointer-events:none;z-index:30;width:90px;height:185px;position:fixed;top:-22px;right:-18px}@media (prefers-reduced-motion:reduce){.web-topright{display:none}}.ctl{z-index:3;align-items:center;gap:24px;height:130px;display:flex;position:absolute;top:500px}.ctl-opacity{left:2015px}.ctl-texture-int{left:2816px}.ctl-label{letter-spacing:8px;color:#4a2c1a;white-space:nowrap;font-size:54px;font-weight:700}.opacity-slider{width:900px;position:relative}.ctl-opacity .opacity-slider,.ctl-texture-int .opacity-slider{width:407px}.ctl-opacity .opacity-slider input,.ctl-texture-int .opacity-slider input{width:397px}.opacity-slider output{font-size:44px;position:absolute;top:-56px;right:0}.opacity-slider input{appearance:none;cursor:pointer;--p:20%;background:0 0;width:885px;height:56px;margin:0}.opacity-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #c98d6b var(--p), #fffaf2 var(--p));border:2px solid #e3b596;border-radius:10px;height:20px;box-shadow:inset 0 2px 5px #55230d1a}.opacity-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#fffaf2;border:3px solid #d97b45;border-radius:50%;width:48px;height:48px;margin-top:-16px;transition:transform .15s;box-shadow:0 4px 10px #55230d2b}.opacity-slider input::-webkit-slider-thumb:hover{transform:scale(1.08)}.opacity-slider input::-moz-range-track{background:linear-gradient(90deg, #c98d6b var(--p), #fffaf2 var(--p));border:2px solid #e3b596;border-radius:10px;height:20px;box-shadow:inset 0 2px 5px #55230d1a}.opacity-slider input::-moz-range-thumb{background:#fffaf2;border:3px solid #d97b45;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 10px #55230d2b}.opacity-slider input:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.opacity-slider input:disabled{cursor:wait;opacity:.7}.ctl-tint{height:130px;top:500px;left:3555px}.tint-button{cursor:pointer;background:#fff;border:3px solid #e3b596;border-radius:50%;width:100px;height:100px;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:0 5px #eccfb9,0 10px 20px #55230d1f}.tint-button:not(:disabled):hover{border-color:#d8a08a;transform:translateY(-2px);box-shadow:0 7px #eccfb9,0 13px 24px #55230d26}.tint-button:disabled{cursor:not-allowed}.pop-cover{cursor:default;z-index:8;background:0 0;border:0;width:4644px;height:2614px;padding:0;position:absolute;top:0;left:0}.tint-pop{z-index:9;background:#fffaf2;border:3px solid #e3b596;border-radius:22px;flex-wrap:wrap;gap:22px 20px;width:640px;padding:28px 30px;display:flex;position:absolute;top:756px;left:2595px;box-shadow:0 10px 26px #55230d2b}.tint-swatch{width:96px;height:128px;font:inherit;color:#8a5340;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:0;font-size:24px;display:flex}.tint-swatch i{border:3px solid #e0c4ae;border-radius:50%;width:84px;height:84px;font-style:normal}.tint-swatch:hover i{border-color:#d8a08a}.tint-swatch.active i{box-shadow:0 0 0 6px #f2a06b80}.tint-swatch.none i{background:#fff linear-gradient(135deg,#0000 46%,#c94f4e 46% 54%,#0000 54%)}.tint-swatch.custom i{background:conic-gradient(#f6dedb,#f6ecd2,#e4efe0,#dfeaf3,#e6d9f0,#f6dedb)}.tint-swatch input[type=color]{display:none}.tint-swatch:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.tint-custom-pop{width:900px;padding:34px;top:756px;left:2595px}.tint-custom{flex-direction:column;display:flex}.tint-sv{cursor:crosshair;border:2px solid #e0c4ae;border-radius:14px;width:830px;height:560px;position:relative}.tint-cursor{pointer-events:none;border:4px solid #fff;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #00000059}.tint-hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:2px solid #e0c4ae;border-radius:32px;width:830px;height:64px;margin:26px 0 0}.tint-hue::-webkit-slider-thumb{-webkit-appearance:none;background:#fffaf2;border:3px solid #d97b45;border-radius:12px;width:40px;height:64px;box-shadow:0 3px 8px #00000040}.tint-hue::-moz-range-thumb{background:#fffaf2;border:3px solid #d97b45;border-radius:12px;width:40px;height:64px}.tint-custom-row{align-items:center;gap:30px;margin-top:30px;display:flex}.tint-preview{border:3px solid #e0c4ae;border-radius:50%;width:96px;height:96px}.tint-hex{color:#6b4432;letter-spacing:2px;font-size:40px}.tint-apply{font:inherit;color:#4a2c1a;cursor:pointer;background:#f2a06b;border:3px solid #d97b45;border-radius:16px;margin-left:auto;padding:18px 44px;font-size:38px;box-shadow:0 5px #c96a38}.tint-apply:hover{filter:brightness(1.05)}.tint-apply:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.fitting-window{z-index:2;background:#fbf9f4;place-items:center;width:862px;height:1206px;display:grid;position:absolute;top:686px;left:546px}.fitting-window canvas{background:#fff;max-width:96%;max-height:96%;display:none;box-shadow:0 10px 34px #55230d2e}.fitting-window canvas.ready{cursor:zoom-in;display:block}.zoom-overlay{z-index:40;background:#2b1a12f0;position:fixed;inset:0}.zoom-stage{cursor:zoom-out;position:absolute;inset:0;overflow:hidden}.zoom-stage.dragging canvas{cursor:grabbing}.zoom-stage canvas{cursor:grab;background:#fff;position:absolute;box-shadow:0 24px 90px #000000a6}.zoom-note{color:#ffe9e0;background:#4a2c1acc;border-radius:16px;margin:0;padding:18px 40px;font-size:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fitting-window.dragging .dropzone{background:#ffe9e0;border-color:#c94f4e}.dropzone{text-align:center;background:#ffffffd9;border:5px dashed #d8a08a;border-radius:26px;width:660px;padding:60px 40px}.dropzone p{color:#8a5340;margin:0 0 36px;font-size:42px;line-height:1.5}.dropzone button{font:inherit;color:#4a2c1a;cursor:pointer;background:#f2a06b;border:3px solid #d97b45;border-radius:18px;padding:20px 52px;font-size:38px;box-shadow:0 5px #c96a38}.dropzone button:hover{filter:brightness(1.05)}.dropzone button:active{transform:translateY(3px);box-shadow:0 2px #c96a38}.dropzone button:focus-visible{outline-offset:4px;outline:5px solid #b83b2c}.dropzone small{color:#b08a78;margin-top:30px;font-size:26px;display:block}.dropzone p.hint{color:#c94f4e;animation:.35s hint-pop}@keyframes hint-pop{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}.fit-note,.fit-error{background:#ffffffe6;border-radius:16px;width:max-content;max-width:92%;margin:0;padding:14px 30px;font-size:32px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.fit-note{color:#8a5340}.fit-error{color:#9b2f22}.page-tabs{z-index:3;gap:21px;height:125px;display:flex;position:absolute;top:2890px;left:280px}.page-tabs button{width:225px;height:125px;font:inherit;color:#5c4033;cursor:pointer;background:#fffdf9;border:2px solid #e8cabc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 4px 10px #55230d14}.page-tabs button:hover{border-color:#d8a08a}.page-tabs span{font-size:38px}.page-tabs small{color:#a4785f;font-size:29px}.page-tabs button[aria-pressed=true]{border-color:#e88a3a;box-shadow:0 0 0 5px #f2a06b59,0 4px 10px #55230d14}.page-tabs button:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.page-tabs button:disabled{cursor:wait;opacity:.7}.download-area{z-index:3;width:1250px;position:absolute;top:3100px;left:590px}.download-button{width:910px;height:140px;font:inherit;letter-spacing:6px;color:#4a2c1a;cursor:pointer;background:#f2a06b;border:3px solid #d97b45;border-radius:24px;font-size:56px;box-shadow:0 7px #c96a38}.download-button:hover{filter:brightness(1.05)}.download-button:active{transform:translateY(4px);box-shadow:0 3px #c96a38}.download-button:focus-visible{outline-offset:4px;outline:5px solid #b83b2c}.download-button:disabled{cursor:wait;opacity:.7;transform:none}.change-button{height:92px;font:inherit;color:#8a5340;cursor:pointer;background:#fffdf9;border:2px solid #d8a08a;border-radius:999px;padding:0 44px;font-size:36px;position:absolute;top:25px;left:952px}.change-button:hover{background:#ffe9e0}.change-button:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.change-button:disabled{cursor:wait;opacity:.7}.gen-status{color:#8a5340;align-items:center;gap:26px;font-size:32px;display:flex;position:absolute;top:168px;left:0}.gen-status progress{accent-color:#e88a3a;width:380px;height:24px}.gen-status button{font:inherit;color:#8a5340;cursor:pointer;background:#fffdf9;border:2px solid #d8a08a;border-radius:999px;padding:8px 30px;font-size:30px}.gen-status button:hover{background:#ffe9e0}.gen-note{color:#8a5340;width:max-content;max-width:100%;margin:0;font-size:32px;position:absolute;top:168px;left:0}.file-info{z-index:3;width:1520px;margin:0;font-size:45px;line-height:70px;position:absolute;top:2870px;left:2040px}.file-info div{min-width:0;display:flex}.file-info dt{flex:none}.file-info dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cabinet-wrap{z-index:3;width:2490px;height:1222px;position:absolute;top:780px;left:2015px}.cabinet-backdrop{width:2680px;height:1402px;position:absolute;top:-85px;left:-95px}.cabinet{touch-action:none;width:2270px;height:1222px;position:absolute;top:0;left:220px;overflow:hidden}.cabinet-tabs{width:205px;height:1222px;position:absolute;top:0;left:0}.cabinet-tab{font:inherit;letter-spacing:3px;color:#4a2c1a;cursor:pointer;text-align:left;white-space:nowrap;transform:translateY(calc(-50% + var(--tab-y,0px)));background:0 0;border:0;border-left:8px solid #0000;padding:4px 0 4px 20px;font-size:50px;font-weight:600;transition:transform .55s cubic-bezier(.22,.8,.36,1),color .25s,opacity .25s,border-color .25s;position:absolute;top:52.5%;left:0}.cabinet-tab.pinned{transform:none}.cabinet-tab.tier-0{color:#c2410c;border-left-color:#f2a06b;font-size:56px;font-weight:700}.cabinet-tab.tier-1{opacity:.95}.cabinet-tab.tier-2{opacity:.45}.cabinet-tab.tier-3{opacity:.16}.cabinet-tab:hover{color:#e2711d;opacity:1}.cabinet-tab:focus-visible{outline-offset:2px;outline:5px solid #e88a3a}.cabinet-tab.user-tab{opacity:.8;top:auto;bottom:26px;transform:none}.cabinet-tab.user-tab.tier-0{transform:none}.cabinet-row{will-change:transform;width:100%;height:552px;transition:transform .55s cubic-bezier(.22,.8,.36,1),filter .45s,opacity .45s;position:absolute;top:335px;left:0}.cabinet-row[data-slot="0"]{z-index:6;transform:none}.cabinet-row[data-slot="1"]{filter:blur(2.5px);z-index:3;transform:translateY(350px)scale(.93)}.cabinet-row[data-slot="-1"]{filter:blur(2.5px);z-index:3;transform:translateY(-350px)scale(.93)}.cabinet-row[data-slot="2"],.cabinet-row[data-slot="-2"],.cabinet-row[data-slot="3"],.cabinet-row[data-slot="-3"]{opacity:0;pointer-events:none;z-index:0}.cabinet-row:not(.active){pointer-events:none}.cabinet-rod{object-fit:contain;object-position:center;width:2185px;height:77px;margin-left:85px;display:block}.cabinet-track{scrollbar-width:none;cursor:grab;gap:52px;width:1908px;height:502px;margin:-14px 181px 0;display:flex;overflow-x:auto}.cabinet-track::-webkit-scrollbar{display:none}.hang-card{height:502px;font:inherit;cursor:pointer;transform-origin:50% 10px;background:url(/assets/home/cabinet/card.png) 50%/100% 100% no-repeat;border:0;flex:0 0 340px;padding:0;transition:transform .18s,filter .18s;position:relative}.hang-card:disabled{cursor:wait}.hang-card:not(:disabled):hover{transform:translateY(5px)rotate(.5deg)}.hang-photo{background:#fffdf8;border-radius:4px;width:301px;height:375px;display:flex;position:absolute;top:103px;left:19px;overflow:hidden}.hang-photo img{object-fit:cover;pointer-events:none;width:100%;height:100%}.hang-card span{text-align:center;letter-spacing:4px;text-indent:4px;color:#4a2c1a;text-shadow:0 1px 3px #fffaf2cc,0 0 8px #fffaf299;width:301px;padding:8px 0;font-size:30px;position:absolute;bottom:38px;left:19px}.hang-card.selected{filter:drop-shadow(0 6px 16px #b4552a66)}.hang-card.selected:after{content:"";pointer-events:none;border:6px solid #f2a06b;border-radius:14px;position:absolute;inset:97px 12px 18px}.hang-card:focus-visible{outline-offset:3px;outline:5px solid #e88a3a}.hang-card.blank{cursor:default}.hang-card.blank .hang-photo{background:#fdf6ee}.cabinet-row[data-row=user] .hang-photo img{object-fit:contain}.custom-entry{height:130px;font:inherit;letter-spacing:8px;color:#6b4432;cursor:pointer;z-index:3;white-space:nowrap;background:0 0;border:0;align-items:center;gap:24px;padding:0;font-size:54px;display:flex;position:absolute;top:500px;left:3863px}.custom-entry:hover{color:#b4552a}.feedback-entry{z-index:30;align-items:center;gap:8px;display:flex;position:fixed;top:8px;left:10px}.feedback-cat{object-fit:contain;pointer-events:none;width:32px;height:32px}.feedback-side{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.feedback-slogan{letter-spacing:1px;color:#c2410c;white-space:nowrap;font-size:11px;font-weight:700}.feedback-button{font:inherit;letter-spacing:3px;color:#4a2c1a;cursor:pointer;background:#f2a06b;border:1px solid #d97b45;border-radius:5px;padding:2px 12px;font-size:11px;font-weight:700;box-shadow:0 2px #c96a38}.feedback-button:hover{transform:translateY(-1px)}.feedback-modal{color:#5c3a28}.feedback-text{width:100%;height:150px;font:inherit;color:#4a2c1a;resize:none;background:#fff5ea;border:2px solid #e3b596;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.6;display:block}.feedback-text:focus-visible{outline-offset:1px;outline:3px solid #e88a3a}.feedback-shot{align-items:center;gap:10px;margin:0 0 12px;display:flex}.feedback-shot img{object-fit:contain;background:#fff;border:2px solid #e3b596;border-radius:10px;max-width:200px;max-height:120px}.feedback-shot button{font:inherit;color:#8a5340;cursor:pointer;background:#fffdf9;border:2px solid #d8a08a;border-radius:999px;padding:6px 14px;font-size:12px}.feedback-error{color:#b43a2a;margin-top:8px;font-size:12px;display:block}.custom-entry i{color:#4a2c1a;background:#f2a06b;border:3px solid #d97b45;border-radius:50%;place-items:center;width:100px;height:100px;font-size:66px;font-style:normal;line-height:1;display:grid}.upload-cover{cursor:default;z-index:60;background:#55230d59;border:0;position:fixed;inset:0}.upload-modal{z-index:61;color:#5c3a28;background:#fffaf2;border:3px solid #e3b596;border-radius:22px;width:min(440px,92vw);padding:20px 24px 18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 18px 44px #55230d40}.upload-modal h2{color:#4a2c1a;margin:0 0 8px;font-size:18px}.upload-modal p{color:#8a5340;margin:0 0 12px;font-size:13px;line-height:1.6}.upload-drop{cursor:pointer;color:#b98a6e;background:#fff;border:2px dashed #d8a08a;border-radius:16px;place-items:center;height:400px;font-size:14px;display:grid;position:relative;overflow:hidden}.upload-drop img{object-fit:contain;object-fit:contain;width:calc(100% - 20px);max-width:100%;height:calc(100% - 20px);max-height:100%;position:absolute;inset:10px}.upload-modal small{color:#b98a6e;margin-top:10px;font-size:12px;display:block}.upload-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.upload-actions button{font:inherit;color:#8a5340;cursor:pointer;background:#fffdf9;border:2px solid #d8a08a;border-radius:999px;padding:9px 26px;font-size:14px}.upload-actions button.primary{color:#fffaf2;background:#f2a06b;border-color:#d97b45}.upload-actions button:disabled{opacity:.5;cursor:not-allowed}