@import url('/fonts.css');
:root{--bg:#f7f7f4;--ink:#20221f;--muted:#74766f;--blue:#2563eb;--line:#dedfd8;--serif:Georgia,'Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button[hidden],[hidden]{display:none!important}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:10;background:#f7f7f4ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:6px}.brand>span{font-size:13px;background:var(--ink);color:white;padding:4px;border-radius:5px;letter-spacing:0}.brand small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:1px;margin-left:16px}.nav nav{display:flex;gap:32px;font-size:13px}.nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--blue);background:var(--blue);color:white;padding:16px 25px;border-radius:50px;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#174ac0}.button.small{padding:11px 19px;font-size:12px}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.hero{padding-top:76px;padding-bottom:25px}.hero h1{font-size:clamp(44px,5.4vw,76px);letter-spacing:-3px;line-height:1.2;max-width:960px;margin:36px 0 26px;font-weight:650;white-space:pre-line}.lead{color:var(--muted);font-size:16px;line-height:1.95;max-width:640px;white-space:pre-line}.hero .lead{max-width:600px;margin-bottom:30px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:65px;font-size:11px;color:var(--muted);letter-spacing:1px}.feature{padding-top:28px}.feature-inner{background:#e9ece7;border-radius:24px;overflow:hidden;position:relative}.feature-copy{padding:54px;max-width:760px}.tag{display:inline-block;font-size:11px;padding:6px 10px;border:1px solid #b9c4b6;border-radius:30px;color:#53674f}.feature h2{font-size:42px;letter-spacing:-1.5px;line-height:1.3;margin:20px 0}.feature .lead{color:#63715e;font-size:15px}.feature img{display:block;width:100%;max-height:520px;object-fit:contain;padding:0 30px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d0d7cd;margin:0 54px}.workflow div{padding:26px 10px 30px 0}.workflow small{display:block;color:#7c8978;font-size:11px;margin-bottom:10px}.workflow span{font-size:13px}.section{padding-top:110px;padding-bottom:100px}h2{font-size:clamp(32px,3.8vw,48px);letter-spacing:-1.7px;line-height:1.3;margin:18px 0 24px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-head>p{color:var(--muted);font-size:14px;line-height:1.9}.group-heading{display:flex;align-items:center;gap:16px;margin:34px 0 20px;font-size:14px}.group-heading span{font-size:10px;color:var(--muted);letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid #e9e9e4;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.card-visual{height:180px;margin:10px;border-radius:13px;background:#f0f1f5;display:flex;align-items:center;justify-content:space-between;padding:30px;color:#818a9d}.card-visual b{font-size:50px;font-weight:400;letter-spacing:-4px}.card-visual span{font-size:10px;letter-spacing:2px;writing-mode:vertical-rl}.card-visual[data-category=gift]{background:#f3eee7;color:#a68f71}.card-visual[data-category=free]{background:#edf1eb;color:#8c9b86}.card img{width:100%;height:200px;object-fit:contain;background:#f1f1ed}.card-body{padding:22px 28px 28px;flex:1;display:flex;flex-direction:column}.card h3{font-size:23px;letter-spacing:-.5px;margin:12px 0}.card .price{font-size:11px;color:var(--muted)}.card p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:25px;flex:1}.links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.text-button{padding:0;border:0;background:none;color:var(--blue);font-size:13px;line-height:2}.pending{font-size:12px;color:#8a8a82}.custom{background:#242821;color:#f6f7f2}.custom .eyebrow{color:#9da893}.custom .lead{color:#aeb6a7}.services{display:grid;grid-template-columns:repeat(3,1fr);margin:48px 0 32px;gap:0 30px}.services span{border-top:1px solid #4d5547;padding:22px 0;font-size:16px}.process{display:flex;gap:22px;align-items:center;color:#b0b8a9;font-size:13px;margin-bottom:30px}.process b{font-weight:400;color:#75846c}.learning{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.learn-art{background:#e9eaf3;padding:36px;border-radius:20px;color:#353952}.code-label{font-size:10px;letter-spacing:2px}.learn-art strong{font-size:46px;line-height:1.35;display:block;margin:52px 0;letter-spacing:-2px}.learn-art strong span{color:#717be1}.learn-art>div{border-top:1px solid #c9cbdc;padding-top:20px;display:flex;gap:30px;font-size:12px}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}#contact-block{margin-top:30px}.qr{max-width:170px;border-radius:12px;margin:18px 0}.wechat-row{display:flex;gap:15px;align-items:center;font-size:14px}footer{padding-top:32px!important;padding-bottom:40px!important;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p,footer small,#legal{font-size:11px;color:var(--muted)}footer small{margin-left:auto}#legal{display:flex;gap:10px}dialog{border:0;border-radius:20px;padding:28px;width:min(720px,calc(100% - 32px));max-height:85vh;overflow:auto;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#17201780;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.modal-head h3{font-size:21px}.modal-head button{border:0;background:#f0f1ed;border-radius:50%;width:34px;height:34px;flex-shrink:0}video{width:100%;max-height:60vh;background:#121512;border-radius:12px}.tutorial-item{display:block;width:100%;text-align:left;padding:18px 5px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--blue)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#20251f;color:white;border-radius:25px;padding:12px 22px;z-index:50;font-size:13px;display:none}#toast.show{display:block}#mobile-contact{display:none}.error-box{padding:30px;color:#963c26}body.loaded .hero h1{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1500px){.nav{padding-left:max(48px,calc((100vw - 1144px)/2));padding-right:max(48px,calc((100vw - 1144px)/2))}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{height:70px;padding:0 22px}.brand small{display:none}.nav nav{gap:16px;font-size:11px}.nav nav a:nth-child(n+3){display:none}.nav>.button{padding:9px 12px}.hero{padding-top:48px}.hero h1{font-size:44px;letter-spacing:-2px;margin-top:28px}.hero .lead{font-size:14px}.hero-foot{margin-top:45px;font-size:9px}.hero-foot>a{display:none}.eyebrow{font-size:9px;letter-spacing:1.4px}.feature-copy{padding:30px 25px}.feature h2{font-size:30px}.workflow{margin:0 25px;grid-template-columns:1fr 1fr}.workflow div{padding:20px 0}.workflow span{font-size:12px}.section{padding-top:65px;padding-bottom:60px}.section-head{display:block;margin-bottom:30px}.section-head>p br{display:none}.cards{grid-template-columns:1fr}.card-visual{height:140px}.card-body{padding:18px 24px 26px}.services{grid-template-columns:1fr 1fr;margin-top:30px}.process{gap:12px;font-size:11px}.learning,.about-grid{grid-template-columns:1fr;gap:24px}.learn-art strong{font-size:40px;margin:35px 0}footer{gap:18px;padding-bottom:100px!important}footer small{margin-left:0;width:100%}#mobile-contact:not([hidden]){display:block;position:fixed;bottom:20px;right:20px;z-index:15;box-shadow:0 8px 30px #2563eb30}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.detail-page{padding-top:45px;padding-bottom:100px;min-height:75vh}.detail-head{padding:35px 0 30px;max-width:850px}.detail-head h1{font-size:clamp(38px,5vw,64px);line-height:1.25;letter-spacing:-2px;margin:25px 0}.detail-cover{display:block;width:100%;max-height:600px;object-fit:contain;border-radius:22px;background:#ebeee7}.detail-actions{padding:28px 0 5px}.detail-actions .text-button{background:#2563eb;color:white;padding:11px 22px;border-radius:24px}.muted-note{font-size:12px;color:#7a8174;line-height:1.9}.detail-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:45px 0 70px}.detail-steps article{padding:30px;background:white;border:1px solid #e5e7df;border-radius:17px}.detail-steps h3{font-size:23px}.detail-steps small{color:#8c9584}.detail-steps p{font-size:14px;line-height:1.9;color:#747d6c}.related{border-top:1px solid #dce1d5;margin-top:70px;padding-top:30px}.related a{display:block;padding:20px 0;border-bottom:1px solid #dce1d5;color:#2563eb}.detail-contact{margin-top:65px;padding-top:30px;border-top:1px solid #dce1d5}@media(max-width:760px){.detail-head{padding-top:25px}.detail-page{padding-top:25px}.detail-steps{grid-template-columns:1fr;margin:30px 0 45px}.detail-steps article{padding:24px}.detail-head h1{font-size:38px}}

footer nav{display:flex;gap:18px;font-size:11px;color:#74766f;flex-wrap:wrap}@media(max-width:760px){footer nav{width:100%}}