:root{color-scheme:light;--wood:#3f2f22;--wood-2:#56412e;--kraft:#c8b291;--kraft-2:#d9c7a8;--paper:#f6f0e4;--paper-2:#efe7d7;--paper-sunk:#e8dfcc;--ink:#2e2620;--muted:#6b6055;--faint:#9a8f80;--line:#ded2be;--line-soft:#e9e0cf;--accent:#a0522d;--accent-deep:#8a4425;--accent-pick:#b0552c;--accent-wash:#f2e7d9;--corner:#4a3f33;--tape:rgba(214,196,158,.72);--r-sm:2px;--r:4px;--r-lg:6px}*{box-sizing:border-box}html{background:var(--wood)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;background:radial-gradient(130% 90% at 50% -12%,rgba(255,238,205,.17),transparent 62%),url(/paper/wood.jpg) 50% /cover no-repeat;background-attachment:fixed;background-color:var(--wood);min-height:100vh}a{color:inherit}.sheet{position:relative;background:radial-gradient(100% 62% at 22% 0,rgba(255,255,255,.34),transparent 58%),linear-gradient(rgba(255,253,248,.55),rgba(255,253,248,.55)),url(/paper/paper.jpg) 50% /760px auto repeat;background-color:var(--paper);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 40px rgba(28,20,12,.34),0 3px 8px rgba(28,20,12,.2)}.sheet:after,.sheet:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-lg);background:linear-gradient(rgba(58,40,22,.12),rgba(58,40,22,.12)),url(/paper/kraft.jpg) 50% /640px auto repeat,var(--kraft);box-shadow:0 10px 26px rgba(28,20,12,.3)}.sheet:before{transform:rotate(-.7deg) translate(-10px,8px)}.sheet:after{transform:rotate(.9deg) translate(12px,12px);opacity:.82}.sheet>*{position:relative;z-index:1}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 60px rgba(150,120,78,.16),inset 0 1px 0 rgba(255,255,255,.5)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}.narrow{max-width:720px}.page{padding:34px 34px 40px;margin:26px 0 40px}@media (max-width:720px){.page{padding:22px 18px 28px;margin:14px 0 26px}}.site-header{padding-top:18px}.site-header .bar{display:flex;align-items:center;gap:20px;padding:14px 26px;border-radius:var(--r-lg)}.brand{font-weight:700;font-size:19px;letter-spacing:.04em;text-decoration:none;display:inline-flex;align-items:baseline;gap:1px}.brand span{color:var(--accent)}.nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14.5px}.nav a{color:var(--muted);text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.section{padding:30px 0}.section-tight{padding:16px 0}h1{font-size:34px;line-height:1.3;margin:0 0 14px;font-weight:800;letter-spacing:.01em}h2{font-size:19px;margin:0 0 10px;letter-spacing:.02em}h2,h3{font-weight:700}h3{font-size:16px;margin:0 0 6px}p{margin:0 0 14px}.lead{font-size:16.5px}.lead,.muted{color:var(--muted)}.faint{color:var(--faint);font-size:13px}.row{gap:12px;align-items:center;flex-wrap:wrap}.row,.stack{display:flex}.stack{flex-direction:column;gap:10px}.step-title{display:flex;align-items:baseline;gap:9px;margin:0 0 4px;font-size:17px;font-weight:700;letter-spacing:.03em}.step-title i{font-style:normal;color:var(--accent-pick);font-weight:800}.step-title i:after{content:" ·";color:var(--line)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--r);padding:12px 26px;font-size:15.5px;font-family:inherit;font-weight:700;letter-spacing:.04em;cursor:pointer;background:linear-gradient(178deg,#ac5a32,var(--accent));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 5px rgba(70,38,18,.3);transition:filter .15s ease,transform .05s ease}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:#c3b8a6;color:#fdfbf6;box-shadow:none;cursor:not-allowed}.btn-ghost{background:linear-gradient(178deg,#fdf9f0,var(--paper));color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px rgba(70,38,18,.12);font-weight:600}.btn-ghost:hover:not(:disabled){border-color:var(--accent-pick);color:var(--accent-deep);filter:none}.btn-sm{padding:7px 16px;font-size:13.5px}.btn-block{display:block;width:100%}.btn-text{background:none;border:none;box-shadow:none;color:var(--muted);font-weight:500;text-decoration:underline;text-underline-offset:3px;padding:6px}.btn-text:hover:not(:disabled){color:var(--ink);filter:none}input[type=tel],input[type=text]{width:100%;padding:10px 2px;font-size:16px;font-family:inherit;border:none;border-bottom:1.5px solid var(--line);background:transparent;color:var(--ink);border-radius:0}input::placeholder{color:var(--faint)}input:focus{outline:none;border-bottom-color:var(--accent-pick)}.pick{position:relative}.pick[aria-pressed=true],.pick[data-on=true]{border-color:var(--accent-pick)!important;box-shadow:0 0 0 1px var(--accent-pick);color:var(--accent-deep)}.pick[aria-pressed=true]:after,.pick[data-on=true]:after{content:"";position:absolute;top:-8px;right:-8px;width:19px;height:19px;border-radius:50%;background:var(--accent-pick) center /10px 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.6 6.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:0 1px 3px rgba(70,38,18,.4)}.chips{display:flex;flex-wrap:wrap;gap:12px}.chip{border:1.5px solid var(--line);border-radius:var(--r);background:linear-gradient(178deg,#fdfaf3,var(--paper));color:var(--ink);padding:9px 22px;font-size:14.5px;font-family:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(70,38,18,.1)}.chip:hover{border-color:var(--faint)}.tabs{display:flex;gap:6px;margin-bottom:-1px;padding-left:6px}.tab{border:1.5px solid var(--line);border-bottom:none;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(180deg,var(--kraft-2),#cdb694);color:#5c4a34;padding:10px 26px 12px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.04em;box-shadow:0 -2px 4px rgba(70,38,18,.12);position:relative;top:2px}.tab[aria-selected=true]{background:linear-gradient(180deg,#fdf8ec,var(--paper));color:var(--accent-deep);top:0;padding-bottom:14px;border-color:var(--line)}.photo{position:relative;display:block;background:#fff;padding:7px;border-radius:var(--r-sm);box-shadow:0 2px 6px rgba(40,26,12,.26),0 8px 18px rgba(40,26,12,.14)}.photo img{display:block;width:100%;height:auto;border-radius:1px}.photo.sq img{aspect-ratio:1;object-fit:cover}.corners:after,.corners:before,.corners>.c1,.corners>.c2{content:"";position:absolute;z-index:3;pointer-events:none;width:var(--corner-size,30px);height:var(--corner-size,30px);background:url(/paper/corner.png) 50%/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.corners:before{top:-2px;left:-2px}.corners:after{top:-2px;right:-2px;transform:rotate(90deg)}.corners>.c2{bottom:-2px;right:-2px;transform:rotate(180deg)}.corners>.c1{bottom:-2px;left:-2px;transform:rotate(270deg)}.tape-top{position:relative}.tape-top:before{content:"";position:absolute;z-index:4;top:-16px;left:50%;width:132px;height:36px;transform:translateX(-50%) rotate(-1.8deg);background:url(/paper/tape-1.png) 50%/100% 100% no-repeat;filter:drop-shadow(0 1px 2px rgba(40,26,12,.26));opacity:.96}.tape-2:before{background-image:url(/paper/tape-2.png);transform:translateX(-50%) rotate(1.4deg)}.tape-left:before{left:18%}.tape-right:before{left:82%}.note{background:url(/paper/note.png) 50%/100% 100% no-repeat;padding:30px 32px 34px;filter:drop-shadow(0 3px 6px rgba(40,26,12,.28));transform:rotate(-.5deg);font-family:Kaiti SC,STKaiti,楷体,-apple-system,sans-serif;line-height:1.85}.note:nth-child(2n){transform:rotate(.6deg)}.note h3{font-family:inherit;color:var(--accent-deep);letter-spacing:.05em}.dropzone{position:relative;border:2px dashed var(--line);border-radius:var(--r);padding:32px 20px;text-align:center;cursor:pointer;background:rgba(255,252,244,.5);transition:border-color .15s ease}.dropzone.over,.dropzone:hover{border-color:var(--accent-pick);background:var(--accent-wash)}.thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.thumb{position:relative;width:88px}.thumb .photo{padding:5px}.thumb button{position:absolute;top:-7px;right:-7px;width:21px;height:21px;border-radius:50%;border:none;background:var(--corner);color:#fff;cursor:pointer;font-size:12px;line-height:1;z-index:4;box-shadow:0 1px 3px rgba(0,0,0,.4)}.slot{width:88px;aspect-ratio:1;border:2px dashed var(--line);border-radius:var(--r);display:grid;place-items:center;color:var(--faint);font-size:26px;cursor:pointer;background:rgba(255,252,244,.4)}.slot:hover{border-color:var(--accent-pick);color:var(--accent-pick)}.style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px 12px;gap:14px 12px}@media (max-width:1080px){.style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:720px){.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}}.style-card{border:1.5px solid var(--line);border-radius:var(--r);padding:5px 5px 7px;background:#fff;cursor:pointer;font-family:inherit;text-align:center;box-shadow:0 1px 3px rgba(40,26,12,.16)}.style-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:1px}.style-card b{display:block;font-weight:600;font-size:13px;margin-top:6px;letter-spacing:.02em}.result-figure{position:relative}.placeholder{aspect-ratio:1;display:grid;place-items:center;text-align:center;color:var(--muted);background:rgba(255,252,244,.45);border:1.5px solid var(--line-soft);border-radius:var(--r);padding:24px}.notice{font-size:14px;color:var(--muted);line-height:1.7}.notice-plain{color:var(--faint);font-size:12.5px}.error-box{border-left:3px solid var(--accent-pick);background:var(--accent-wash);padding:10px 14px;font-size:14px;color:var(--accent-deep);border-radius:0 var(--r) var(--r) 0}.overlay{position:fixed;inset:0;z-index:50;padding:20px;background:rgba(30,22,14,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.modal{width:100%;max-width:430px;padding:30px 30px 24px;background:linear-gradient(178deg,#fdf8ec,var(--paper));border-radius:var(--r-lg);box-shadow:0 22px 50px rgba(0,0,0,.45);transform:rotate(-.35deg)}.modal>*{transform:rotate(.35deg)}.modal h2{font-size:22px;margin-bottom:8px}.price-list{display:grid;margin:18px 0 6px}.price-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:15px 4px;cursor:pointer;font-family:inherit;font-size:15px;border-left:3px solid transparent}.price-item:first-child{border-top:1px solid var(--line)}.price-item[aria-pressed=true]{border-left-color:var(--accent-pick);background:rgba(176,85,44,.05);padding-left:12px}.price-item[aria-pressed=true] .amount,.price-item[aria-pressed=true] b{color:var(--accent-deep)}.price-item .amount{margin-left:auto;font-weight:700;font-size:19px;white-space:nowrap}.price-item .tag{font-size:11.5px;color:var(--accent-deep);border:1px solid var(--accent-pick);border-radius:var(--r-sm);padding:0 6px;white-space:nowrap;flex-shrink:0}.price-item>span:first-child{min-width:0}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:34px 22px;gap:34px 22px}.work-item:nth-child(3n+1){transform:rotate(-.7deg)}.work-item:nth-child(3n+2){transform:rotate(.5deg);margin-top:12px}.work-item:nth-child(3n){transform:rotate(-.25deg)}.work-meta{padding:12px 2px 0;font-size:13.5px}.work-meta>div:first-child{font-weight:700;letter-spacing:.02em}.studio-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-gap:34px;gap:34px;align-items:start}.studio-divider{position:relative}.studio-divider:before{content:"";position:absolute;left:-17px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--line) 12%,var(--line) 88%,transparent)}.studio-result{position:-webkit-sticky;position:sticky;top:22px}@media (max-width:900px){.studio-grid{grid-template-columns:minmax(0,1fr);gap:26px}.studio-result{position:static}.studio-divider:before{display:none}}.site-footer{padding:18px 0 46px;color:rgba(255,246,230,.5);font-size:12.5px;text-align:center}.site-footer a{color:rgba(255,246,230,.72);text-decoration:none;margin:0 9px}.site-footer a:hover{color:#fff}@media (max-width:640px){body{font-size:15.5px}h1{font-size:26px}.section{padding:20px 0}.nav{gap:16px;font-size:13.5px}.site-header .bar{padding:12px 16px}.btn{width:100%}.btn-sm{width:auto}}.props{position:relative}.props>i{position:absolute;display:block;pointer-events:none;z-index:4;background-position:50%;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 4px rgba(30,18,8,.34))}.p-flower-1{width:132px;height:210px;background-image:url(/paper/flower-1.png);top:-26px;left:-104px;transform:rotate(-14deg)}.p-flower-2{width:116px;height:178px;background-image:url(/paper/flower-2.png);bottom:40px;right:-92px;transform:rotate(18deg)}.p-stamp{width:78px;height:96px;background-image:url(/paper/stamp.png);top:92px;right:-58px;transform:rotate(7deg)}.p-seal{width:92px;height:92px;background-image:url(/paper/seal.png);bottom:-30px;left:44px;transform:rotate(-9deg);opacity:.88}.p-clip-a{width:40px;height:108px;background-image:url(/paper/clip-paper.png);top:-32px;left:15%;transform:rotate(4deg)}.p-clip-b{width:52px;height:74px;background-image:url(/paper/clip-binder.png);top:-26px;right:12%;transform:rotate(-3deg)}@media (max-width:1180px){.p-flower-1,.p-flower-2,.p-stamp{display:none}}@media (max-width:720px){.props>i{display:none}}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-gap:46px;gap:46px;align-items:center;padding:12px 0 40px}.hero-copy h1{font-size:40px;line-height:1.28;margin-bottom:6px}.hero-sub{font-size:23px;font-weight:700;color:var(--accent-deep);letter-spacing:.04em;margin:0 0 16px}.hero-photo{margin:0;--corner-size:38px;transform:rotate(1.1deg)}@media (max-width:860px){.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:26px}.hero-copy h1{font-size:30px}.hero-sub{font-size:19px}.hero-photo{transform:none;--corner-size:28px}}.lines{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px;padding:6px 0 34px}.line{display:block;text-decoration:none;text-align:center;padding:18px 16px 16px;border-radius:var(--r);border:1.5px solid transparent;transition:border-color .15s ease,transform .15s ease}.line:hover{border-color:var(--accent-pick);transform:translateY(-2px)}.line-stack{position:relative;display:block;width:168px;margin:0 auto 14px}.line-stack:after,.line-stack:before{content:"";position:absolute;inset:0;border-radius:var(--r-sm);background:linear-gradient(rgba(255,253,248,.5),rgba(255,253,248,.5)),url(/paper/paper.jpg) 50% /300px auto,var(--paper);box-shadow:0 2px 6px rgba(40,26,12,.26)}.line-stack:before{transform:rotate(-4deg) translate(-6px,4px)}.line-stack:after{transform:rotate(3.5deg) translate(6px,2px)}.line-stack .photo{position:relative;z-index:1;--corner-size:22px}.line b{display:block;font-size:19px;letter-spacing:.05em;margin-bottom:2px}.line small{color:var(--muted);font-size:13.5px}@media (max-width:600px){.lines{grid-template-columns:1fr;gap:14px}.line-stack{width:140px}}.sec-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;letter-spacing:.16em;margin-bottom:18px}.sec-label:after{content:"";flex:1 1;height:1px;background:var(--line)}.sample-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:22px;gap:22px;padding-bottom:34px}.sample{margin:0;--corner-size:24px}.sample:nth-child(odd){transform:rotate(-.8deg)}.sample:nth-child(2n){transform:rotate(.7deg);margin-top:10px}.sample img{aspect-ratio:1;object-fit:cover}.sample figcaption{text-align:center;padding:9px 4px 2px}.sample figcaption b{display:block;font-size:14.5px;letter-spacing:.03em}.sample figcaption small{color:var(--muted);font-size:12px}@media (max-width:760px){.sample-row{grid-template-columns:1fr 1fr;gap:16px}}.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;padding-top:8px}.notes p{margin:0;font-size:14.5px}@media (max-width:800px){.notes{grid-template-columns:1fr;gap:14px}}.tabs-wrap{padding-top:26px}@media (max-width:720px){.tabs-wrap{padding-top:14px}.tab{padding:8px 18px 10px;font-size:14px}}.placeholder{position:relative;--corner-size:26px}.works-empty{position:relative;text-align:center;padding:92px 20px 100px}.empty-corners{position:absolute;inset:26px 12% 26px 12%;display:block}.empty-corners>i{position:absolute;width:34px;height:34px;opacity:.5;background:url(/paper/corner.png) 50%/contain no-repeat}.empty-corners>i:first-child{top:0;left:0}.empty-corners>i:nth-child(2){top:0;right:0;transform:rotate(90deg)}.empty-corners>i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.empty-corners>i:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.works-empty p{position:relative;margin-bottom:14px}.work-item .photo,.work-item .placeholder{--corner-size:22px}.work-item .placeholder{aspect-ratio:1;place-items:center}.price-item b+.tag{margin-left:8px;vertical-align:2px}