:root{--ink:#3b3446;--cream:#fff9ed;--lavender:#ddd2f2;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'PingFang SC',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ad7fe1;outline-offset:5px}.guide-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid #a99ab92e;gap:15px}.logo{font:italic 34px var(--serif)}.guide-nav>span{font-size:9px;letter-spacing:2px}.back{font-size:12px;border:1px solid #c2b6ce;border-radius:99px;padding:10px 15px}.guide-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:70px 8% 90px;min-height:600px;background:radial-gradient(ellipse at 85% 35%,#e6dbfa,transparent 55%),var(--cream);overflow:hidden}.kicker{font-size:10px;letter-spacing:2.5px;color:#9b709c}.guide-hero h1{font:normal clamp(60px,7vw,108px)/.96 var(--serif);letter-spacing:-2px;margin:27px 0}.guide-hero h1 em{font-weight:normal;color:#9b789f}.lead{font-size:14px;line-height:1.8}.zh{font-size:13px;color:#817288;margin-bottom:28px}.cta{display:inline-flex;align-items:center;justify-content:center;background:#51415e;color:#fff9ed;border-radius:99px;padding:16px 24px;font-size:12px;box-shadow:0 8px 24px #51415e15}.paper-stack{position:relative;width:min(340px,90%);height:370px;margin:35px auto}.paper-back{position:absolute;inset:0;background:#bba9d2;border-radius:18px;rotate:9deg;box-shadow:0 20px 70px #69557824}.paper-card{position:absolute;inset:0;rotate:-6deg;border-radius:15px;background:repeating-linear-gradient(0deg,#fffdf5,#fffdf5 31px,#eee2e9 31px,#eee2e9 32px);padding:28px;box-shadow:0 15px 40px #7c658d1e;border:1px solid #a987b540;animation:paper-float 8s ease-in-out infinite}.paper-card>span{font-size:8px;letter-spacing:2px}.stamp{position:absolute;right:28px;top:58px;font-size:58px;color:#bba0d0}.paper-card>strong{display:block;font:normal 45px/1.05 var(--serif);margin:38px 0 25px;position:relative}.paper-card>i{font:10px/2.1 monospace;color:#897192;letter-spacing:1px}.seal{position:absolute;right:27px;bottom:25px;width:67px;height:67px;display:grid;place-items:center;background:#ac89b7;color:white;border-radius:50%;font:italic 27px var(--serif);border:4px double #c9aacf;box-shadow:0 5px 12px #82658e20}.floating-star{position:absolute;right:-45px;top:10px;font-size:75px;color:#b9a5d0;animation:star-spin 18s linear infinite}.guide-index{display:grid;grid-template-columns:repeat(5,1fr);margin:0 6% 65px;border:1px solid #c9becf;border-radius:15px;background:#fffdf8;overflow:hidden}.guide-index a{display:flex;gap:14px;align-items:center;padding:22px 16px;border-right:1px solid #ddd3e1}.guide-index a:last-child{border:0}.guide-index b{font:27px var(--serif);color:#a285ad}.guide-index span{font-size:11px;font-weight:650;line-height:1.6}.guide-index small{display:block;font-size:10px;font-weight:400;color:#8c7c91}.guide-index em{margin-left:auto;font-size:12px;color:#ad90b8}.guide-index a:hover,.guide-index a.active{background:#f1e8fc}.chapter{padding:70px 8%;scroll-margin-top:25px}.chapter-heading{margin-bottom:34px}.chapter-heading>span{font-size:10px;letter-spacing:2.8px;color:#97759e}.chapter h2{font:normal clamp(44px,5vw,67px)/1.08 var(--serif);margin:16px 0 14px;letter-spacing:-1px}.chapter-heading>p{font-size:12px;line-height:1.8;color:#86748b;max-width:700px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.step{position:relative;padding:24px;border:1px solid #d2bfd8;border-radius:10px;background:#fffcf6;box-shadow:0 12px 30px #7b5e8a08}.step:nth-child(even){margin-top:20px;margin-bottom:-20px}.step-no{font:56px var(--serif);color:#b09ab9;border-bottom:1px solid #e5d7e8;display:block;padding-bottom:13px}.step h3{font:25px var(--serif);margin:20px 0 7px}.step strong,.host strong{font-size:12px;font-weight:500;color:#8a6c94}.step p{font-size:12px;line-height:1.8;margin-top:18px}.step small,.host small{font-size:11px;line-height:1.8;color:#8b7c8f;display:block}.order-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:64px 0 0;border-top:1px solid #d4c6da;padding-top:28px;font-size:12px}.order-end small{display:block;margin-top:9px;color:#8d7c94;font-size:11px}.revisions{background:#ede2f1}.revision-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.revision{padding:23px 25px;background:#fffbf8;border:1px solid #cbb9d1;border-radius:13px;box-shadow:0 10px 20px #7a61870c}.revision h3{font:27px var(--serif);margin:0 0 6px}.revision>small{font-size:11px;color:#967d9e}.revision-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;border-top:1px dashed #d9c9de;margin-top:17px;padding-top:17px}.revision-tiers>div>span{display:block;font-size:9px;color:#85678f}.revision-tiers strong{display:block;font:32px var(--serif);margin:12px 0 6px}.revision-tiers strong small{font:9px system-ui;display:block;margin-top:4px;color:#937e9c}.revision-tiers>div>small{font-size:9px;color:#97859d}.fine{font-size:12px;line-height:1.9;margin:30px 0 0;max-width:900px;color:#73577e}.fine small{display:block;font-size:11px;margin-top:8px;color:#907897}.hosting{background:#e4f0eb}.hosting .chapter-heading>span,.hosting .chapter-heading>p{color:#62897c}.hosting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.host{padding:25px 21px;background:#fbfdf5;border:1px solid #a7c6b8;border-radius:65px 65px 10px 10px;text-align:center}.host>span{display:grid;place-items:center;margin:12px auto 28px;width:90px;height:90px;background:#e7f2e2;border-radius:50%;color:#628575;font:36px var(--serif);border:1px dashed #aec8b3}.host h3{font:25px/1.08 var(--serif);margin:0 0 10px}.host strong{color:#678b7a}.host p{font-size:12px;line-height:1.8;margin-top:25px}.host small{color:#789584}.hosting-notes{padding:27px 32px;background:#ffffff65;border-radius:12px;border:1px solid #c1d6ca;margin-top:30px}.hosting-notes h3{font-size:14px;font-weight:550}.hosting-notes p{font-size:12px;line-height:1.7}.hosting-notes small{display:block;color:#789183;font-size:11px;margin-top:5px}.addons{background:#fff0db}.addons .chapter-heading>span,.addons .chapter-heading>p{color:#b38b61}.addons-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:13px 30px 23px;background:#fff9ee;border:1px solid #dec29e;border-radius:15px}.addon{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px dashed #e1cbb0}.addon-no{font:23px var(--serif);color:#c19b6e}.addon h3{font-size:12px;line-height:1.6;margin:0 0 5px;font-weight:550}.addon small{font-size:10px;color:#a48562}.addon>b{margin-left:auto;font:24px var(--serif);text-align:right;max-width:130px;white-space:nowrap}.addons .fine{color:#95714d}.addons .fine small{color:#ac8d6c}.notes{background:#ecedf7}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.note{border:1px solid #c6c6df;background:#fdfcff;border-radius:13px;padding:0 24px}.note summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;gap:17px;font-size:15px}.note summary::-webkit-details-marker{display:none}.note summary>span{font:28px var(--serif);color:#ada6c5}.note summary div{line-height:1.5}.note summary small{display:block;font-size:10px;color:#9a8fb0}.note summary>b{margin-left:auto;color:#9c90b7;font-weight:400}.note[open] summary>b{rotate:45deg}.note p{font-size:12px;line-height:1.9;margin:0 0 10px;border-top:1px solid #e4dfea;padding-top:17px}.note>small{display:block;font-size:11px;line-height:1.8;color:#9081a0;padding-bottom:25px}.guide-footer{padding:75px 8% 30px;background:#40324f;color:#fff9ed;text-align:center}.guide-footer>p{font:65px var(--serif);margin:0 0 25px}.guide-footer em{color:#d9bde9}.guide-footer .cta{background:#dec9ec;color:#40324f}.guide-footer>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:65px;padding-top:25px;border-top:1px solid #ffffff25;font-size:10px;color:#d4bfdd}.top-link{position:fixed;bottom:20px;right:20px;border:1px solid #cab5d3;background:#ffffffc9;color:#715780;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;backdrop-filter:blur(8px);z-index:8}.chapter{opacity:1}.chapter.seen .step-no{animation:step-in .65s both}@keyframes paper-float{50%{translate:0 -12px;rotate:-3deg}}@keyframes star-spin{to{rotate:360deg}}@keyframes step-in{from{opacity:.2;translate:0 14px}to{opacity:1;translate:none}}@media(max-width:1000px){.guide-index a{padding:19px 12px;gap:8px}.guide-index b{font-size:23px}.guide-index span{font-size:10px}.guide-index em{display:none}.steps,.hosting-grid{grid-template-columns:1fr 1fr}.step:nth-child(even){margin:0}.guide-hero{padding:55px 6% 75px}.paper-stack{width:280px}.paper-card>strong{font-size:38px}.revision-tiers{gap:6px}.addon>b{font-size:21px}}
@media(max-width:700px){html{scroll-padding-top:30px}.guide-nav{padding:19px 22px}.guide-nav>span{display:none}.logo{font-size:29px}.back{font-size:10px;padding:9px 12px}.guide-hero{grid-template-columns:1fr;padding:42px 24px 45px;min-height:0}.guide-hero h1{font-size:71px;margin:22px 0}.lead{font-size:12px}.zh{font-size:12px}.paper-stack{width:230px;height:270px;margin:40px auto 15px}.paper-card{padding:20px}.paper-card>strong{font-size:31px;margin:30px 0 15px}.paper-card>span{font-size:6px}.paper-card>i{font-size:8px}.stamp{font-size:43px;right:18px;top:43px}.seal{width:48px;height:48px;font-size:20px;right:20px;bottom:20px}.floating-star{font-size:50px;right:-25px}.guide-index{grid-template-columns:1fr;margin:0 24px 30px}.guide-index a{padding:16px 21px;border-right:0;border-bottom:1px solid #e3d8e8;gap:18px}.guide-index span{font-size:12px}.guide-index em{display:block}.chapter{padding:45px 24px}.chapter h2{font-size:47px}.chapter-heading>span{font-size:8px;letter-spacing:1.7px}.chapter-heading>p{font-size:11px}.steps{grid-template-columns:1fr;gap:13px}.step{padding:23px 23px 24px}.step-no{float:left;width:60px;border:0;font-size:44px;margin-right:15px}.step h3{margin:3px 0 5px;font-size:27px}.step p{clear:both;padding-top:15px;margin:0 0 7px}.order-end{flex-direction:column;align-items:flex-start;margin-top:30px;font-size:11px;line-height:1.7}.revision-grid{grid-template-columns:1fr;gap:13px}.revision{padding:22px 18px}.revision h3{font-size:26px}.revision-tiers{gap:9px}.revision-tiers strong{font-size:29px}.revision-tiers>div>span{font-size:8px}.hosting-grid{grid-template-columns:1fr 1fr;gap:11px}.host{padding:20px 13px;border-radius:50px 50px 8px 8px}.host>span{width:66px;height:66px;font-size:27px;margin-bottom:20px}.host h3{font-size:24px}.host strong{font-size:10px}.host p{font-size:11px}.host small{font-size:10px}.hosting-notes{padding:22px 19px}.addons-grid{grid-template-columns:1fr;padding:4px 18px 18px}.addon{gap:12px;padding:18px 0}.addon>b{font-size:21px;max-width:99px}.addon h3{font-size:11px}.addon small{font-size:9px}.addon-no{font-size:21px}.notes-grid{grid-template-columns:1fr}.note{padding:0 20px}.guide-footer{padding:48px 24px 25px}.guide-footer>p{font-size:47px;line-height:1.1}.guide-footer>div{flex-wrap:wrap;justify-content:center;margin-top:40px;font-size:9px}.fine{font-size:11px}.fine small{font-size:10px}.top-link{bottom:15px;right:12px;width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}