@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&display=swap";:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#30312d;background:#fffaf2;font-synthesis:none;--orange:#e86f3b;--ink:#30312d;--cream:#fffaf2;--green:#66826f;--line:#e9dfd2}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:#fffaf2f0;border-bottom:1px solid rgba(110,86,61,.1);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 48% 52%;background:var(--orange);color:#fff;font-family:"Noto Serif SC";font-size:23px;transform:rotate(-5deg)}.brand strong,.brand small{display:block}.brand strong{font-family:"Noto Serif SC";font-size:19px}.brand small{font-size:10px;letter-spacing:2px;color:#8d8175;margin-top:2px}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{padding:28px 0 23px;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.router-link-active{color:var(--orange);border-color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--orange);color:#fff;padding:14px 24px;font-weight:700;box-shadow:0 10px 24px #d65d2c38;cursor:pointer}.button:hover{background:#d95f2d;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-small{padding:10px 18px;font-size:13px}.button-wide{width:100%;margin-top:18px}.hero{min-height:620px;padding:78px max(7vw,40px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;background:radial-gradient(circle at 78% 28%,#ffe2a9 0,transparent 24%),linear-gradient(135deg,#fffaf2 45%,#f4eadb)}.eyebrow{display:inline-block;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:16px}.hero h1,.page-heading h1,.form-card h1,.preview-pending h1{font-family:"Noto Serif SC";font-size:52px;line-height:1.25;margin:0 0 22px;letter-spacing:1px}.hero h1 em{color:var(--orange);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.85;color:#6f675e;max-width:600px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{font-weight:700;color:#765d4b}.trust-row{display:flex;gap:22px;color:#6b776d;font-size:13px}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:280px;height:280px;background:#efbd63;border-radius:50%;opacity:.4}.cloud{position:absolute;width:100px;height:30px;background:#fff;border-radius:50px;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%;width:45px;height:45px;top:-22px}.cloud:after{left:40px;width:60px;height:60px;top:-35px}.cloud-one{left:4%;top:22%}.cloud-two{right:2%;bottom:24%;transform:scale(.7)}.open-book{position:relative;width:430px;height:290px;display:flex;filter:drop-shadow(0 26px 28px rgba(87,61,31,.25));transform:rotate(-3deg);z-index:2}.book-page{width:50%;height:100%;padding:40px 26px;background:#fdf6e7;border:7px solid #71503b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:"Noto Serif SC";line-height:1.9}.book-page.left{border-radius:18px 2px 2px 18px;background:linear-gradient(#d7ecdc,#fff7df)}.book-page.right{border-radius:2px 18px 18px 2px;background:linear-gradient(#f7d7a6,#fff8e8)}.child-portrait{width:105px;height:105px;border-radius:50%;background:#e97842;color:#fff;display:grid;place-items:center;font-size:42px;margin-bottom:16px;border:7px solid rgba(255,255,255,.65)}.spark{position:absolute;color:#d99135;font-size:32px;z-index:3}.spark-one{right:8%;top:13%}.spark-two{left:12%;bottom:12%}.section{padding:90px max(7vw,40px)}.section-title{text-align:center;margin-bottom:46px}.section-title span{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:3px}.section-title h2,.promise-section h2{font-family:"Noto Serif SC";font-size:34px;margin:12px 0}.section-title-row{text-align:left;display:flex;justify-content:space-between;align-items:end}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:auto}.steps article{position:relative;text-align:center;padding:36px 30px;background:#fff;border:1px solid var(--line);border-radius:22px}.steps article b{position:absolute;top:18px;left:22px;color:#e7d8c7;font-size:28px}.step-icon{width:70px;height:70px;border-radius:50%;background:#edf4ed;color:var(--green);display:grid;place-items:center;font-size:31px;margin:0 auto 20px}.steps h3{font-family:"Noto Serif SC";font-size:20px}.steps p{color:#777168;line-height:1.7}.templates-section{background:#f4eee5}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.template-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #58402b14;transition:.25s}.template-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px #58402b24}.template-art{height:285px;display:grid;place-items:center;position:relative;overflow:hidden}.template-art:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#ffffff47}.art-growth{background:linear-gradient(145deg,#b7d7cb,#eff0c9)}.art-forest{background:linear-gradient(145deg,#769c72,#d5d29d)}.art-stars{background:linear-gradient(145deg,#7787aa,#e2bca3)}.badge{position:absolute;left:16px;top:16px;background:#e86f3b;color:#fff;padding:6px 11px;border-radius:20px;font-size:11px;z-index:4}.book-cover{width:160px;height:215px;border-radius:6px 14px 14px 6px;background:#fff9e9;border-left:9px solid rgba(88,57,40,.7);box-shadow:12px 16px 24px #36281940;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;z-index:2;transform:rotate(-4deg)}.book-cover small{color:#987d64}.book-cover strong{font-family:"Noto Serif SC";font-size:22px;margin:14px 0}.book-cover i{color:#e8a14f;font-size:25px}.template-body{padding:22px}.template-meta{display:flex;gap:8px}.template-meta span{background:#f5f0e8;color:#796f65;border-radius:20px;padding:4px 10px;font-size:11px}.template-body h3{font-family:"Noto Serif SC";font-size:20px;margin:14px 0 6px}.template-body p{height:24px;color:#777168;margin:0}.template-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #eee7de}.template-actions>strong{font-size:22px;color:var(--orange)}.promise-section{margin:70px max(7vw,40px);padding:60px 7%;border-radius:30px;background:#5f7868;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.promise-section .eyebrow{color:#f4c679}.promise-section p{line-height:1.8;color:#e4eee6;max-width:540px}.mini-pages{display:flex;align-items:center;justify-content:center}.mini-pages div{height:190px;width:135px;background:#fff6e8;color:#4a443e;border:4px solid #6d4f3d;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Noto Serif SC";box-shadow:8px 12px 18px #0003}.mini-pages div:nth-child(2){height:220px;transform:translateY(-10px);z-index:2}.mini-pages small{display:block;margin-top:10px;color:#938576}.site-footer{padding:45px max(7vw,40px);background:#302d29;color:#f6eee4;display:flex;justify-content:space-between;align-items:center}.site-footer p{color:#aaa198}.site-footer div:last-child{display:flex;gap:24px;color:#c4b9ac;font-size:13px}.page-heading{text-align:center;padding:70px 25px 55px;background:linear-gradient(#fff7e9,#f5ede3)}.page-heading h1{font-size:42px}.page-heading p{color:#746c63}.catalog{padding-top:40px}.filters{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 26px;margin-bottom:35px}.filters div{display:flex;align-items:center;gap:10px;padding:8px}.filters strong{width:100px;font-size:14px}.filters button{border:0;background:transparent;border-radius:30px;padding:8px 14px;cursor:pointer;color:#6e665d}.filters button.active{background:#e86f3b;color:#fff}.state-message{text-align:center;padding:70px;color:#766e65}.state-message.error,.form-error{color:#c64231}.progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;background:#f3ecdf;font-size:13px;color:#a29a90}.progress span{white-space:nowrap}.progress span.active{color:var(--orange);font-weight:800}.progress span.done{color:var(--green)}.progress i{width:65px;height:1px;background:#d8cec1}.customize-layout{max-width:1180px;margin:45px auto 80px;padding:0 24px;display:grid;grid-template-columns:1fr 350px;gap:28px;align-items:start}.form-card,.order-summary{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px}.form-card h1{font-size:34px;margin-bottom:8px}.form-card>p{color:#817970}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.form-grid label span{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #ddd3c7;border-radius:10px;padding:12px 13px;background:#fffdf9;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e86f3b1a}.form-grid textarea{height:95px;resize:vertical}.form-grid .full{grid-column:1/-1;position:relative}.form-grid label small{position:absolute;right:10px;bottom:9px;color:#aaa}.upload-box{margin-top:20px;border:1px dashed #d5bca3;background:#fffaf3;border-radius:14px;padding:24px;text-align:center}.upload-box p{color:#9a8b7b;font-size:12px}.upload-icon{font-size:30px;color:var(--orange)}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:12px;line-height:1.6;color:#776f66}.consent input{margin-top:3px}.order-summary{position:sticky;top:100px}.summary-art{height:180px;border-radius:14px;background:linear-gradient(145deg,#b6d7cb,#f2d49f);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Noto Serif SC"}.summary-art strong{font-size:23px;margin-top:10px}.order-summary>p{color:#82786f}.order-summary ul{list-style:none;padding:10px 0;margin:0;border-top:1px solid var(--line)}.order-summary li{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.order-summary li span{color:#8e857d}.price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}.price strong{font-size:26px;color:var(--orange)}.order-summary>small{display:block;color:#92887f;line-height:1.5;margin-top:12px}.preview-pending{text-align:center;max-width:850px;margin:60px auto 100px;padding:0 24px}.preview-pending h1{font-size:38px}.preview-pending>p{color:#7b736b;line-height:1.8}.preview-loader{width:86px;height:86px;border-radius:50%;background:#f7dfb9;display:grid;place-items:center;margin:0 auto 20px;font-size:34px;color:var(--orange);animation:pulse 1.8s infinite}.preview-placeholder{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:42px 0}.preview-placeholder div{height:260px;border-radius:12px;background:linear-gradient(145deg,#e9dcc8,#fff8e9);border:1px solid #d8c9b5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Noto Serif SC";color:#7b6d5d}.preview-placeholder small{font-family:inherit;color:#a69a8c;margin-top:10px}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px #e86f3b14}}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 25px}.hero-copy{text-align:center}.hero h1{font-size:40px}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:360px}.open-book{width:340px;height:240px}.template-grid,.steps{grid-template-columns:1fr 1fr}.promise-section,.customize-layout{grid-template-columns:1fr}.order-summary{position:static}.site-footer{display:block}.site-footer div:last-child{margin-top:20px;flex-wrap:wrap}}@media(max-width:600px){.site-header{height:66px;padding:0 16px}.site-header>.button{display:none}.hero{padding:46px 20px}.hero h1,.page-heading h1{font-size:34px}.hero-visual{height:300px}.open-book{width:300px;height:205px}.book-page{padding:22px 12px;font-size:12px}.child-portrait{width:70px;height:70px;font-size:28px}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section{padding:65px 20px}.template-grid,.steps{grid-template-columns:1fr}.section-title-row{display:block}.section-title-row>.text-link{display:inline-block;margin-top:10px}.promise-section{margin:35px 15px;padding:45px 20px}.mini-pages div{height:140px;width:95px;font-size:12px}.mini-pages div:nth-child(2){height:165px}.site-footer{padding:35px 20px}.progress{overflow:auto;justify-content:flex-start}.progress i{width:25px;flex:0 0 25px}.customize-layout{margin-top:25px;padding:0 14px}.form-card,.order-summary{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.filters div{align-items:flex-start;flex-wrap:wrap}.filters strong{width:100%}.preview-placeholder{grid-template-columns:1fr}.preview-placeholder div{height:190px}}.upload-box{display:block;cursor:pointer}.upload-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.generated-pages figure{margin:0;overflow:hidden;border:1px solid #dfd2c2;border-radius:14px;background:#fff;box-shadow:0 12px 26px #533d271a}.generated-pages img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.generated-pages figcaption{min-height:70px;padding:15px;color:#5f574f;font-family:"Noto Serif SC",serif;line-height:1.6}.preview-card-meta{display:flex;justify-content:space-between;padding:10px 14px 0;color:#998b7d;font-size:10px}.generated-pages textarea{width:calc(100% - 28px);min-height:86px;margin:10px 14px 0;padding:10px;border:1px solid #dfd2c2;border-radius:8px;resize:vertical;line-height:1.6}.preview-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 16px}.preview-card-actions .secondary-button{padding:8px 10px;font-size:11px}.purchase-note{font-size:13px;color:#8b8176;margin-top:16px}.checkout-page{max-width:1180px;margin:50px auto 90px;padding:0 24px}.checkout-grid{display:grid;grid-template-columns:1fr 350px;gap:28px;align-items:start}.checkout-main{min-height:560px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px}.checkout-main h1{font-family:"Noto Serif SC";font-size:36px;margin:0 0 28px}.payment-panel,.generation-panel{text-align:center;padding:35px;border-radius:18px;background:#fffaf3;border:1px solid #eee0ce}.payment-panel h2,.generation-panel h2{font-family:"Noto Serif SC"}.qr-wrap{display:inline-flex;flex-direction:column;padding:14px;background:#fff;border:1px solid #e5ddd3;border-radius:14px}.qr-wrap img{width:260px;height:260px}.qr-wrap span{font-size:12px;color:#8c8379;margin-top:8px}.success-mark{width:72px;height:72px;border-radius:50%;background:#66826f;color:#fff;display:grid;place-items:center;font-size:34px;margin:0 auto 20px}.progress-bar{height:12px;background:#e8e1d6;border-radius:20px;overflow:hidden;margin:28px 0 10px}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#66826f,#e7af58);transition:width .4s}.generation-panel>.button{margin-top:25px}.my-books{max-width:1050px;margin:auto}.book-list{display:grid;gap:18px}.book-list article{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.mini-cover{height:125px;border-radius:8px;background:linear-gradient(145deg,#a9cdbf,#f5d196);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.mini-cover span{font-size:11px}.mini-cover strong{font-family:"Noto Serif SC";margin-top:8px}.book-list h2{font-family:"Noto Serif SC";margin:9px 0}.book-list p{color:#80776e}.status-pill{font-size:11px;background:#edf3ee;color:#5d7564;padding:5px 10px;border-radius:20px}.empty-books{text-align:center;padding:80px 20px;background:#fff;border:1px solid var(--line);border-radius:20px}.empty-books h2{font-family:"Noto Serif SC"}@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}.checkout-main{padding:24px}.book-list article{grid-template-columns:90px 1fr}.book-list article>.button{grid-column:1/-1}.mini-cover{height:100px}.qr-wrap img{width:220px;height:220px}}.book-editor{padding:35px max(3vw,20px) 70px;background:#f2ede5;min-height:calc(100vh - 76px)}.editor-header{max-width:1450px;margin:auto;display:flex;justify-content:space-between;align-items:center}.editor-header h1{font-family:"Noto Serif SC";margin:0;font-size:30px}.editor-header p{color:#827a71}.editor-layout{max-width:1450px;margin:25px auto 0;display:grid;grid-template-columns:105px minmax(400px,1fr) 310px;gap:22px;align-items:start}.page-thumbs{max-height:720px;overflow:auto;display:grid;gap:10px;padding-right:5px}.page-thumbs button{position:relative;border:2px solid transparent;border-radius:8px;padding:3px;background:#fff;cursor:pointer}.page-thumbs button.active{border-color:var(--orange)}.page-thumbs img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.page-thumbs span{position:absolute;right:5px;bottom:5px;width:22px;height:22px;border-radius:50%;background:#24211dbf;color:#fff;display:grid;place-items:center;font-size:10px}.page-stage{text-align:center}.page-sheet{position:relative;max-width:700px;margin:auto;aspect-ratio:1;background:#fff;box-shadow:0 20px 50px #4332212e;overflow:hidden}.page-sheet>img{width:100%;height:100%;object-fit:cover}.page-caption{position:absolute;left:8%;right:8%;bottom:5%;padding:14px 18px;background:#fffaf2e6;border-radius:12px;font-family:"Noto Serif SC";line-height:1.6}.page-counter{margin-top:15px;color:#786f66}.edit-panel{background:#fff;border-radius:18px;padding:25px;box-shadow:0 12px 28px #42312114}.edit-panel h2{font-family:"Noto Serif SC";margin-top:0}.version-row{display:flex;justify-content:space-between;color:#8d847b;font-size:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.edit-panel label>span{display:block;font-weight:700;font-size:13px;margin:20px 0 8px}.edit-panel textarea{width:100%;height:120px;resize:vertical;border:1px solid #ded4c8;border-radius:10px;padding:12px}.edit-panel label>small{display:block;text-align:right;color:#999}.secondary-button{border:1px solid #d9c8b6;background:#fffaf3;color:#665b50;border-radius:999px;padding:10px 17px;font-weight:700;cursor:pointer}.edit-panel .secondary-button{width:100%;margin-top:12px}.regen-box{margin-top:25px;padding:18px;background:#f5f1eb;border-radius:12px}.regen-box p{font-size:12px;color:#81776c}.form-notice{color:#50725d;background:#edf5ef;padding:10px;border-radius:8px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#231f1b94;z-index:50;display:grid;place-items:center;padding:18px}.address-modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:32px}.address-modal h2{font-family:"Noto Serif SC"}.confirm-check{display:flex;gap:10px;margin:22px 0;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:1050px){.editor-layout{grid-template-columns:80px 1fr}.edit-panel{grid-column:1/-1}.editor-header{align-items:flex-start;gap:15px}}@media(max-width:650px){.editor-header{display:block}.editor-header>.button{margin-top:12px}.editor-layout{display:flex;flex-direction:column}.page-thumbs{order:2;display:flex;width:100%;max-height:none;overflow:auto}.page-thumbs button{flex:0 0 72px}.page-stage{order:1;width:100%}.edit-panel{order:3;width:100%}.page-caption{font-size:12px;padding:8px}.address-modal{padding:22px}}.manual-box{margin-top:25px;padding:18px;background:#fff5e8;border:1px solid #f1d2ab;border-radius:12px}.manual-box p{color:#81776c;font-size:12px}.ticket-banner{max-width:1450px;margin:18px auto 0;padding:16px 20px;border-radius:14px;background:#fff3df;border:1px solid #edc58e;display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-banner strong,.ticket-banner span{display:block}.ticket-banner span{color:#a2612f;font-size:12px;margin-top:4px}.ticket-banner p{margin:7px 0 0;color:#77695e;font-size:13px}.ticket-modal>label{display:block;margin-top:18px}.ticket-modal>label>span{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.ticket-modal select,.ticket-modal textarea{width:100%;border:1px solid #ddd3c7;border-radius:10px;padding:12px;background:#fffdf9}.ticket-modal textarea{height:130px;resize:vertical}@media(max-width:650px){.ticket-banner{align-items:flex-start;flex-direction:column}}.book-actions{display:grid;gap:9px;justify-items:stretch}.privacy-note{display:block;color:#9a7257;font-size:11px;margin-top:8px}.privacy-note.deleted{color:#68806e}.privacy-delete{border:0;background:transparent;color:#a34d3c;font-size:11px;text-decoration:underline;cursor:pointer}.privacy-delete:disabled{opacity:.5}@media(max-width:800px){.book-actions{grid-column:1 / -1}}.sample-link{color:#8b624a;font-size:12px;margin-right:12px;text-decoration:underline}.sample-page{min-height:calc(100vh - 76px);padding:45px max(4vw,24px) 80px;background:#f2ede5}.sample-page>header{max-width:1380px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:end;gap:25px}.sample-page h1{font-family:"Noto Serif SC";font-size:36px;margin:0 0 10px}.sample-page header p{color:#786f66;margin:0}.sample-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:150px minmax(420px,1fr) 280px;gap:24px;align-items:start}.sample-layout>aside:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:720px;overflow:auto}.sample-layout>aside:first-child button{min-height:62px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer;padding:7px}.sample-layout>aside:first-child button.active{border-color:var(--orange)}.sample-layout>aside:first-child span,.sample-layout>aside:first-child small{display:block}.sample-layout>aside:first-child span{color:var(--orange);font-weight:800}.sample-layout>aside:first-child small{margin-top:4px;color:#8c837a;font-size:9px}.sample-sheet{position:relative;max-width:680px;margin:auto;aspect-ratio:1;overflow:hidden;border:10px solid #fff;box-shadow:0 20px 50px #4332212e}.sample-growth{background:linear-gradient(145deg,#b7d7cb,#f6deb0)}.sample-animal_friends{background:linear-gradient(145deg,#6f9871,#e8d89b)}.sample-fantasy{background:radial-gradient(circle at 65% 25%,#f3cf82,transparent 18%),linear-gradient(145deg,#6678a4,#d4a9a1)}.sample-scene{position:absolute;inset:0;display:grid;place-items:center}.sample-character{width:150px;height:150px;border-radius:48% 52% 45% 55%;background:#f3a363;color:#fff;border:9px solid rgba(255,255,255,.7);display:grid;place-items:center;font-family:"Noto Serif SC";font-size:54px;z-index:2}.sample-scene i{position:absolute;color:#fff3bf;font-size:28px;font-style:normal}.sample-moon{position:absolute;right:17%;top:13%;color:#fff3bf;font-size:55px}.sample-caption{position:absolute;left:8%;right:8%;bottom:5%;padding:14px 20px;background:#fffaf2eb;border-radius:12px;text-align:center;z-index:3}.sample-caption small{color:#9b765e}.sample-caption p{font-family:"Noto Serif SC";line-height:1.7;margin:5px 0 0}.sample-info{padding:26px;border-radius:18px;background:#fff}.sample-info h2{font-family:"Noto Serif SC"}.sample-info ul{list-style:none;padding:0}.sample-info li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:12px}.sample-info li span{color:#888}.sample-info>strong{display:block;color:var(--orange);font-size:28px;margin-top:20px}.sample-info>p{color:#81786f;font-size:12px;line-height:1.6}@media(max-width:1000px){.sample-layout{grid-template-columns:100px 1fr}.sample-info{grid-column:1/-1}.sample-layout>aside:first-child{grid-template-columns:1fr}}@media(max-width:650px){.sample-page>header{display:block}.sample-page>header .button{margin-top:18px}.sample-layout{display:flex;flex-direction:column}.sample-layout>aside:first-child{display:flex;order:2;width:100%;max-height:none}.sample-layout>aside:first-child button{flex:0 0 65px}.sample-layout main{order:1}.sample-info{order:3}.sample-sheet{border-width:5px}}