/* The final layout remains stable; motion is limited to the opening ceremony. */
.testimonials h2{margin:0 0 22px;max-width:850px}.testimonial-preview-note{font:11px/1.7 var(--mono);color:#756c55;margin-bottom:38px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.testimonial{margin:0;padding:0 34px;display:flex;flex-direction:column;border-left:1px solid #c7b891}.testimonial:first-child{padding-left:0;border-left:0}.testimonial:last-child{padding-right:0}.testimonial-number{font:24px/1 var(--display);color:#827956;margin-bottom:20px}.testimonial blockquote{margin:0 0 28px;flex:1}.testimonial blockquote p{font:italic 23px/1.5 var(--display);color:#565945;margin:0}.testimonial figcaption{border-top:1px solid #c7b891;padding-top:18px;font:14px/1.6 var(--body)}.testimonial figcaption small{display:block;font:10px/1.8 var(--mono);color:#756c55;margin-top:6px}@media(max-width:760px){.testimonial-grid{grid-template-columns:1fr;gap:28px}.testimonial,.testimonial:first-child,.testimonial:last-child{padding:0 0 28px;border-left:0;border-bottom:1px solid #c7b891}.testimonial:last-child{border-bottom:0;padding-bottom:0}.testimonial blockquote{margin-bottom:20px}.testimonial figcaption{border-top:0;padding-top:0}.testimonials h2 br{display:none}}
.home-view #faq.faq-section{padding:72px clamp(28px,8vw,130px);border-top:1px solid #c8bb9c}.home-view #faq .faq-list{max-width:none;width:100%}.home-view #faq h2{font-size:clamp(38px,4.4vw,62px);margin:28px 0 40px}.home-view #faq>.eyebrow{margin:0 0 28px}.home-view #faq .faq-item p{max-width:850px}.home-view #faq .faq-source{margin-bottom:0}
.hero.room{position:relative}
.hero-keepsake.scene-anchored{position:absolute;width:308px;max-width:none;height:452px;margin:0;padding:0;transform:scale(var(--room-scale));transform-origin:top left;z-index:1}
.hero-keepsake.scene-anchored .annual-card{height:452px;transform:rotate(-1deg) skewX(-2.5deg);transform-origin:50% 100%;padding:24px 22px 20px;border-color:#423b2b;border-radius:8px 8px 5px 5px;box-shadow:inset 2px 1px 3px #ffe6ac9c,inset -2px 0 5px #77604344,2px 3px 0 #806c4b,5px 4px 2px #1b130c80}
.hero-keepsake.scene-anchored .annual-card:hover,.hero-keepsake.scene-anchored .annual-card:focus-visible{transform:rotate(-1deg) skewX(-2.5deg);filter:brightness(1.025);box-shadow:inset 2px 1px 3px #ffe6ac9c,inset -2px 0 5px #77604344,2px 3px 0 #806c4b,5px 4px 2px #1b130c80}
.hero-keepsake.scene-anchored .annual-card img{height:246px;min-height:0;flex-shrink:1;margin:10px 0 12px}
.hero-keepsake.scene-anchored:before{bottom:-10px;height:20px;left:-2%;right:-12%;filter:blur(2px);background:radial-gradient(ellipse,#100b07e6 0%,#100b07a6 45%,transparent 73%)}
.hero-keepsake.scene-anchored:after{content:'';position:absolute;inset:12px -17px -3px 20px;background:linear-gradient(90deg,#100d0970,#100d0960);clip-path:polygon(6% 0,94% 0,100% 99%,0 100%);border-radius:8px;transform:skewX(-1.6deg);filter:blur(5px);z-index:-1;pointer-events:none}
.home-closing{background:#e5dbc2;padding:0 clamp(24px,8vw,130px) 42px}.home-closing .ritual-close{margin:0;padding-top:30px}.faq-section>.eyebrow{font:11px/1.65 var(--mono);letter-spacing:.14em;color:#73694e}
.hero-keepsake{align-self:end;margin-bottom:clamp(25px,7svh,70px);isolation:isolate;transform:translateY(8px);padding-bottom:0}
.hero-keepsake:before{content:'';position:absolute;left:-7%;right:-10%;bottom:-15px;height:30px;background:radial-gradient(ellipse at 50% 45%,#120b06c9 0%,#170d0780 34%,transparent 72%);transform:skewX(-22deg);filter:blur(5px);z-index:-1;pointer-events:none}
.hero-keepsake .annual-card{border:1px solid #8e7950;border-radius:7px 9px 5px 6px;padding:24px 22px 22px;background-color:#e8d9b9;transform:perspective(1000px) rotateY(-5deg) rotate(-2deg);transform-origin:50% 100%;box-shadow:inset 2px 1px 3px #ffe6ac9c,inset -2px 0 5px #77604344,3px 3px 0 #aa926b,8px 8px 15px #180d0859;transition:filter .25s,box-shadow .25s}
.hero-keepsake .annual-card:hover,.hero-keepsake .annual-card:focus-visible{transform:perspective(1000px) rotateY(-5deg) rotate(-2deg);filter:brightness(1.035);box-shadow:inset 2px 1px 3px #ffe6ac9c,inset -2px 0 5px #77604344,3px 3px 0 #aa926b,8px 8px 15px #180d0859}
.hero-keepsake .annual-card:before{content:'';position:absolute;inset:10px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='500' viewBox='0 0 300 500' preserveAspectRatio='none'%3E%3Cpath d='M15 5H285Q285 15 295 15V485Q285 485 285 495H15Q15 485 5 485V15Q15 15 15 5Z' fill='none' stroke='%237c7055' stroke-width='1.1'/%3E%3Cpath d='M10 9l5 6M290 9l-5 6M10 491l5-6M290 491l-5-6' stroke='%237c7055' fill='none'/%3E%3C/svg%3E") center/100% 100% no-repeat;z-index:2}
.hero-keepsake .annual-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#bdd3d014,transparent 35%,#deb4721c 75%,#c4883930);box-shadow:inset 0 -25px 30px #4b341b15;z-index:1}
.hero-keepsake .annual-card img{filter:sepia(.13) brightness(.89) saturate(.86);border-color:#a18d67}.hero-keepsake .card-eyebrow{letter-spacing:.13em}.hero-keepsake .card-keywords{border-color:#a99876}.hero-keepsake .card-title{white-space:normal}
@media(max-width:900px){.hero-keepsake{margin-bottom:25px;align-self:center;transform:none;max-width:310px}}
.main-nav{display:flex;gap:28px;align-items:center}.faq-section{background:#f3ebd9;padding:65px max(24px,calc((100vw - 850px)/2));scroll-margin-top:86px}.faq-section h2{font-size:clamp(36px,4vw,52px);margin-bottom:30px}.faq-list{border-top:1px solid #b6a681}.faq-item{border-bottom:1px solid #c5b795;padding:0}.faq-item summary{cursor:pointer;list-style:none;padding:23px 32px 23px 0;font:500 18px/1.5 Lora;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:4px;top:23px;font-size:23px;color:#766a48}.faq-item[open] summary:after{content:'−'}.faq-item summary:focus-visible{outline:2px solid #92703b;outline-offset:4px}.faq-item p{font-size:15px;line-height:1.85;margin:0 0 24px;color:#535443;max-width:750px}.faq-source{font-size:12px;line-height:1.8;margin-top:25px;color:#70674f}@media(max-width:600px){.main-nav{gap:14px}.main-nav .nav-link{font-size:12px}.masthead .wordmark{font-size:25px}.faq-section{padding:40px 24px}.faq-item summary{font-size:16px}}
.result-stage{overflow-x:clip}
.result-folio{border:0;overflow:visible;perspective:1600px;background:transparent;box-shadow:none;isolation:isolate}
.result-card-display{padding:32px 44px;align-items:center;background:#eae0c7;position:relative;z-index:2}
.result-card.template-preview{width:100%;aspect-ratio:440/683;border:0!important;border-radius:0;box-shadow:0 8px 22px #44372226;display:block;overflow:hidden}
.result-card.template-preview img{width:100%!important;height:100%!important;max-height:none!important;object-fit:fill;border:0!important;margin:0!important}
.result-card-link{width:100%;align-self:center;margin-top:18px}
.result-reading{background:#f7f1e3;height:100%;transform-origin:left center;backface-visibility:hidden;position:relative;z-index:1}
.folio-opening{animation:folio-center 1.1s .25s cubic-bezier(.2,.7,.2,1) both}
.folio-opening .result-reading{animation:folio-page 1.1s .25s cubic-bezier(.2,.7,.2,1) both}
.folio-opening .result-reading>*{animation:folio-line .45s both;animation-delay:1.1s}
.folio-opening .result-reading>h1{animation-delay:1.25s}.folio-opening .result-description{animation-delay:1.4s}.folio-opening .result-report-entry{animation-delay:1.55s}.folio-opening .result-answers-link{animation-delay:1.7s}.folio-opening .result-save-all{animation-delay:1.85s}.folio-opening .save-status{animation-delay:2s}.folio-opening .result-card-link{animation:folio-line .4s 2.05s both}
@keyframes folio-center{from{transform:translateX(28%)}to{transform:none}}
@keyframes folio-page{from{transform:rotateY(-100deg);opacity:0}15%{opacity:1}to{transform:rotateY(0);opacity:1}}
@keyframes folio-line{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
#example-dialog .collectible-display{position:relative;overflow:hidden;isolation:isolate}
.card-envelope{display:none;pointer-events:none}
.unsealing .card-envelope{display:contents}
.unsealing .envelope-front,.unsealing .envelope-back{animation:envelope-fall .55s 1.7s both}
.envelope-back,.envelope-front,.envelope-flap{position:absolute;left:6%;right:6%;bottom:10%;height:38%;background:#dfcfaa}
.envelope-back{box-shadow:0 6px 18px #49341a26;z-index:1}
.envelope-front{z-index:3;background:#e4d4af;clip-path:polygon(0 0,50% 49%,100% 0,100% 100%,0 100%)}
.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 64%);background:#d2bd91;transform-origin:top;animation:flap-open .6s .35s forwards,flap-fall .55s 1.7s forwards}
.wax-seal{position:absolute;left:calc(50% - 22px);bottom:26%;z-index:5;width:44px;height:44px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#a55243,#702c26);color:#dcb88d;border:4px double #ac6150;border-radius:48% 52% 46% 54%;box-shadow:0 3px 6px #4b241955;font-size:23px;animation:seal-break .32s .1s both}
#example-dialog .unsealing #collectible-image{position:relative;z-index:2;animation:card-withdraw 1.1s .8s both;transform-origin:center bottom}
.unsealing .collectible-actions{animation:folio-line .35s 1.95s both}.unsealing .share-options,.unsealing .share-feedback{visibility:hidden}
@keyframes seal-break{to{opacity:0;transform:scale(1.2) rotate(12deg)}}
@keyframes flap-open{0%{transform:rotateX(0)}100%{transform:rotateX(180deg);z-index:1}}
@keyframes flap-fall{from{transform:rotateX(180deg);opacity:1}to{transform:translateY(75%) rotateX(180deg) rotate(-7deg);opacity:0}}
@keyframes card-withdraw{0%{transform:translateY(40%) scale(.68);clip-path:inset(0 0 88%);opacity:0}15%{opacity:1}35%{clip-path:inset(0 0 35%);opacity:1}72%{transform:translateY(-22%) scale(.72);clip-path:inset(0);opacity:1}100%{transform:none;clip-path:inset(0);opacity:1}}
@keyframes envelope-fall{to{transform:translateY(75%) rotate(7deg);opacity:0}}
#example-dialog .collectible-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}#example-dialog .collectible-actions [data-save=card]{width:100%;margin:0;min-height:48px}#example-dialog .collectible-actions #share-year-card{width:48px;height:48px;background:#414830;color:#fff4db;border-color:#414830}#example-dialog .share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0}#example-dialog .share-options button{min-height:44px;border:1px solid #783a32;color:#783a32;padding:9px 6px}
@media(max-width:760px){.result-card-display{padding:32px 44px}.result-reading{transform-origin:center top}.folio-opening{animation:folio-line .5s both}.folio-opening .result-reading{animation-name:folio-page-down}@keyframes folio-page-down{from{transform:rotateX(-95deg);opacity:0}15%{opacity:1}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:reduce){.folio-opening,.folio-opening .result-reading,.folio-opening .result-reading>*,.folio-opening .result-card-link{animation:none!important}.unsealing .card-envelope{display:none}.unsealing #collectible-image,.unsealing .collectible-actions{animation:none!important}}
/* Alternating editorial chapters and a continuous, pausable review rail. */
.room{background-image:url('assets/memory-room-pen.webp')}
.home-view .origin,.home-view 
.home-view .ritual,.home-view #faq.faq-section{background:#f2e8d1}
.testimonial-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.testimonial-heading h2{margin-bottom:18px}.testimonial-heading .testimonial-preview-note{margin:0;max-width:650px}.testimonial-heading button{white-space:nowrap;margin-bottom:4px}
.testimonial-marquee{overflow:hidden;margin:0 calc(-1 * clamp(28px,8vw,130px));padding:16px 0 26px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.testimonial-track{display:flex;width:max-content;animation:testimonials-right 65s linear infinite;will-change:transform}.testimonial-group{display:flex;gap:22px;padding-right:22px;flex-shrink:0}
.testimonials .testimonial{width:325px;flex:0 0 325px;padding:26px!important;border:1px solid #cdbf9f!important;border-radius:14px;background:#faf5e9;box-shadow:0 7px 18px #4a38230d;display:flex;flex-direction:column;min-height:310px}
.testimonial-sample{font:9px/1.6 var(--mono);letter-spacing:.12em;color:#887b60;margin-bottom:19px}.testimonials .testimonial blockquote{margin:0 0 25px;flex:1}.testimonials .testimonial blockquote p{font:15px/1.8 var(--body);color:#343c2e}.testimonials .testimonial figcaption{display:flex;gap:12px;align-items:center;border-top:0;padding:0}.testimonial-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%}.testimonial figcaption strong{font:500 14px/1.5 var(--body)}.testimonial figcaption small{font:10px/1.6 var(--mono);margin-top:3px}
.testimonial-marquee:hover .testimonial-track,.testimonial-marquee:focus-within .testimonial-track,.testimonials.motion-paused .testimonial-track{animation-play-state:paused}
@keyframes testimonials-right{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#example-dialog .sample-peek .peek-intro{max-width:650px;color:#5e604e}.peek-pages{height:390px;overflow:hidden;position:relative;margin-top:30px;mask-image:linear-gradient(#000 0%,#000 38%,#000b 65%,transparent 100%)}.peek-pages .peek-clear h3{margin-top:12px}.peek-pages .peek-soft{filter:blur(2px);user-select:none}.peek-pages .peek-blurred{filter:blur(5px);user-select:none}.peek-invitation{text-align:center;position:relative;margin-top:-26px;padding:25px 15px 12px;background:linear-gradient(transparent,#f0e7cf 28%);z-index:1}.peek-invitation h3{font-size:33px;margin:12px 0!important}.peek-invitation p{margin:10px 0 20px!important}.peek-invitation small{display:block;font:11px/1.7 var(--body);color:#6b6756;margin-top:15px}.peek-invitation .button{min-width:240px;text-decoration:none}
@media(max-width:760px){.testimonial-heading{align-items:start;flex-direction:column;gap:15px}.testimonials .testimonial{width:290px;flex-basis:290px;min-height:330px}.peek-pages{height:420px}.peek-invitation{padding-left:0;padding-right:0}.peek-invitation .button{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.testimonial-track{animation:none;transform:none}.testimonial-marquee{overflow-x:auto;mask-image:none}.testimonial-group[aria-hidden=true]{display:none}#testimonial-motion{display:none}}

/* Match the card paper to the room's moonlight and warm desk light. */
.hero-keepsake .annual-card{background-color:#d7c9a9}
.hero-keepsake .annual-card:after{background:linear-gradient(110deg,#70877f24 0%,transparent 40%,#bf914f18 76%,#5c452c26 100%);box-shadow:inset 2px 0 3px #f8dfad55,inset 0 -24px 28px #42342120}
.hero-keepsake.scene-anchored:before{bottom:-7px;height:15px;left:0;right:-7%;background:radial-gradient(ellipse,#100b07dc 0%,#100b078c 40%,transparent 73%)}
/* Below 700px the section padding drops to 25px; the bleed must follow it, not the clamp. */
@media(max-width:700px){.testimonial-marquee{margin-inline:-25px}}
/* Mobile art direction: one continuous portrait room, independent of desktop coordinates. */
@media(max-width:900px){
 .home-view .hero.room{display:flex;flex-direction:column;align-items:center;gap:64px;min-height:0;padding:26px 18px 150px;background-image:url('assets/memory-room-mobile-long.png');background-color:#414530;background-size:cover;background-position:center bottom;background-repeat:no-repeat;overflow:hidden}
 .home-view .hero-paper{width:100%;max-width:480px;min-height:0;padding:28px 25px 24px;box-shadow:0 8px 24px #14140d40,inset 0 0 45px #b3924920}
 .home-view .hero-paper h1{font-size:clamp(48px,12vw,66px);line-height:.98;letter-spacing:-.04em;margin-bottom:20px}
 .home-view .hero-paper>.eyebrow{font-size:9px;margin-bottom:20px}.home-view .hero-description{font-size:17px;line-height:1.55;margin-bottom:20px}.home-view .deliverables-list{font-size:12px;line-height:1.85;margin-bottom:20px}.home-view .hero-cta{font-size:16px;width:100%;padding:12px 14px}.home-view .hero-source{font-size:10px}.home-view .fineprint{font-size:12px}.home-view .paper-signoff{display:none}
 .home-view .resume-panel{padding:12px}.home-view .resume-panel p{font-size:12px}.home-view .resume-panel .button{font-size:14px;padding:10px 12px}.home-view .resume-panel>.text-link{font-size:12px;margin-top:8px}
 .home-view .hero-keepsake{position:relative;inset:auto;width:min(78vw,290px);max-width:none;align-self:center;margin:0;padding:0;transform:none;flex-shrink:0}
 .home-view .hero-keepsake .annual-card{height:auto;min-height:0;padding:22px 20px 20px;transform:rotate(-1deg);background-color:#ddd0b0;box-shadow:inset 1px 1px 3px #ffe6ac66,2px 3px 0 #806c4b,8px 9px 13px #160f0966}
 .home-view .hero-keepsake .annual-card:hover,.home-view .hero-keepsake .annual-card:focus-visible{transform:rotate(-1deg);filter:brightness(1.025)}
 .home-view .hero-keepsake .annual-card img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:center 56%;margin:12px 0 14px}
 .home-view .hero-keepsake .card-eyebrow{font-size:8px}.home-view .hero-keepsake .card-title{font-size:29px;white-space:normal}.home-view .hero-keepsake .card-summary{font-size:12px;line-height:1.5;margin:9px 0 14px}.home-view .hero-keepsake .card-keywords{font-size:7px}.home-view .hero-keepsake .card-brand{font-size:7px}
 .home-view .hero-keepsake:before{left:-5%;right:-9%;bottom:-10px;height:20px;background:radial-gradient(ellipse,#100b07ba,transparent 72%);filter:blur(3px)}
}
/* Mobile card: a straight, centered paper card without staged perspective. */
@media(max-width:900px){
 .home-view .hero-keepsake .annual-card,.home-view .hero-keepsake .annual-card:hover,.home-view .hero-keepsake .annual-card:focus-visible{transform:none;box-shadow:0 5px 14px #17120c40}
 .home-view .hero-keepsake:before,.home-view .hero-keepsake:after{display:none}
}
/* 次级入口独立成组：主按钮与免费声明是一件事，See an example 是另一件。用留白分开，
   不用分隔线——.text-link 自带底边框，再加顶边框会把文字框起来。 */
.hero-paper .hero-example{display:block;width:fit-content;margin-top:26px}
@media(max-width:700px){.hero-paper .hero-example{margin-top:20px}}
@media(min-width:901px) and (max-height:800px){.hero-paper .hero-example{margin-top:18px}}
/* 01 / WHY THESE QUESTIONS — 通栏单列：标题、描述、三个块全部从左边起、占整幅。
   原来的 .65fr/1.35fr 两栏把右侧压到 700px，三栏一分每块只剩 223px。 */
.origin{display:block}
.origin .section-marker{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:26px}
.origin-copy{max-width:none}
.origin h2{max-width:none;margin-bottom:22px}
.origin-copy>p{max-width:760px;font-size:16px}
.origin-benefits{list-style:none;margin:40px 0 0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.origin-benefits li{margin:0;padding:26px 26px 28px;background:#f8f1de;border:1px solid #d6c9a6;border-radius:8px}
.origin-benefits .benefit-icon{display:block;width:56px;height:auto;margin:0 0 16px;opacity:.92}
/* 小标题与正文拉开层次：字号、行高、颜色都不同。 */
.origin-benefits h3{font-size:23px;line-height:1.25;margin:0 0 10px;font-weight:400;color:#2f3527}
.origin-benefits p{font-size:15px;line-height:1.75;margin:0;max-width:none;color:#565b45}
/* 出处链接是次要的：可识别但不抢主按钮的注意力。 */
.origin-source-link{color:inherit;text-decoration:underline;text-decoration-color:#b2a179;text-underline-offset:3px;text-decoration-thickness:1px}
.origin-source-link:hover{text-decoration-color:currentColor}
@media(max-width:900px){
 .origin-benefits{grid-template-columns:1fr;gap:12px;margin-top:28px}
 .origin-benefits li{padding:20px 20px 22px}
 .origin-benefits .benefit-icon{width:44px;margin-bottom:12px}
 .origin-benefits h3{font-size:20px}
 .origin-benefits p{font-size:14px}
}
/* 02 底部 CTA：三步说完紧接行动。 */
.ritual-cta{margin-top:46px;display:flex;justify-content:center}
/* 结尾区：这是离开前最后一眼，放大并给出入口。 */
.home-closing{padding-top:8px;padding-bottom:88px;text-align:center}
.home-closing .ritual-close{font-size:52px;line-height:1.15;padding-top:56px;margin:0 auto;max-width:900px}
.home-closing .closing-sub{margin:20px auto 0;max-width:560px;font-size:17px;line-height:1.7;color:#5b5f48}
.home-closing .closing-cta{margin-top:34px}
.home-closing .closing-note{margin:18px 0 0;font:13px/1.7 var(--mono);color:#5d6248}
@media(max-width:900px){
 .ritual-cta{margin-top:32px}
 .ritual-cta .button{width:100%}
 .home-closing{padding-bottom:56px}
 .home-closing .ritual-close{font-size:31px;padding-top:34px}
 .home-closing .closing-sub{font-size:15px;margin-top:14px}
 .home-closing .closing-cta{margin-top:24px;width:100%}
 .home-closing .closing-note{font-size:12px}}
/* 回访面板：主按钮与两个次级链接原来挤在一行、下划线几乎相接。
   改成 flex 行拉开间距；Start over 是不可逆动作，推到右端并压低权重。 */
.resume-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:18px 20px}
.resume-panel>.text-link{display:inline-block;width:auto;margin:0;font-size:13px}
.resume-panel #restart-review{margin-left:auto;font-size:12px;color:#7a6a51;border-bottom-color:#bcab85}
.resume-panel #restart-review:hover{color:#5c4f3c;border-bottom-color:currentColor}
/* 原始答案页：动作行对齐到同一条基线，与下方设置面板之间给出分界。 */
[data-view=archive] .review-sheet .back-link{display:inline-block;margin-bottom:18px}
[data-view=archive] .review-actions{align-items:center;gap:14px 26px;margin:26px 0 0}
[data-view=archive] .review-actions .text-link{font-size:14px}
/* 列表工具栏：左侧筛选、右侧下载与更多；上下细线把它和答案内容分开。 */
[data-view=archive] .answers-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin:30px 0 0;padding:0 0 12px;border-bottom:1px solid #cdbf9f}
[data-view=archive] .review-filter{display:flex;flex-wrap:wrap;gap:20px;margin:0}
[data-view=archive] .toolbar-end{display:flex;align-items:center;gap:22px;margin-left:auto}
/* 工具栏里原本 6 条横线叠在一起：上下边框 + 四个链接各自的下划线。
   去掉全部下划线，只留「选中的筛选」和「工具栏与列表的分隔」这两条有意义的。 */
[data-view=archive] .answers-toolbar .text-link{font-size:13px;border-bottom:0;padding:2px 0;color:#5d6248}
[data-view=archive] .answers-toolbar .text-link:hover{color:#2f3527}
[data-view=archive] .review-filter [data-filter][aria-pressed=true]{color:#2f3527;border-bottom:1px solid currentColor}
[data-view=archive] #answer-review-list{margin-top:6px}
/* 只有答案改过时才出现：提示 + 更新入口，不抢主按钮的位置。 */
.archive-update{margin-top:24px;padding:15px 18px;background:#f3ead2;border:1px solid #cbbd98;border-left:3px solid #9a8858;border-radius:5px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.archive-update p{margin:0;font-size:14px;line-height:1.6;color:#4a4f3b}
.archive-update #archive-update{font-size:13px;margin-left:auto}
@media(max-width:700px){.archive-update{gap:10px}.archive-update #archive-update{margin-left:0}}
/* 更多菜单：草稿备份、恢复、删除收进这里，不再独占一行。 */
.draft-more{position:relative}
.draft-more>summary{cursor:pointer;list-style:none;font:13px/1.6 var(--body);padding:2px 0;color:#5d6248}
.draft-more>summary:hover,.draft-more[open]>summary{color:#2f3527}
.draft-more>summary::-webkit-details-marker{display:none}
.draft-more-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:6;width:min(310px,84vw);display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:17px;background:#f8f1de;border:1px solid #c6b894;border-radius:8px;box-shadow:0 12px 26px #2a201242}
.draft-more-menu p{margin:2px 0 0;font:12px/1.65 var(--body);color:#5d6248}
.draft-more-menu #clear-draft{color:#8a4b3a;border-bottom-color:#c59484}
/* Navbar 左侧品牌：工作室在前、产品在后，靠字号拉开主次（产品 36px / 工作室 14px）。 */
.masthead-brand{display:flex;align-items:center;gap:12px;min-width:0}
/* 工作室品牌沿用 aigeniestudio.io 本身的样式：Caveat 700 + 圆形头像。字体已本地托管。 */
.studio-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#d8c7a4;font:700 20px/1 Caveat,cursive;white-space:nowrap}
.studio-link:hover{color:#f2e7d1}
.studio-mark{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover}
.brand-sep{color:#8a7356;font-size:17px;line-height:1}
.masthead .wordmark{color:#f2e7d1}
/* 打赏入口：在导航里，但用描边和字号区分开，不与内容锚点混为一谈。 */
.nav-coffee{border:1px solid #6f5c43;border-radius:20px;padding:7px 15px;font-size:13px;white-space:nowrap}
.nav-coffee:hover{border-color:#b9975a;background:#ffffff0d}
/* Footer：产品行 + 工作室署名行 + 右侧隐私入口。 */
.site-footer{align-items:flex-end;gap:24px;flex-wrap:wrap}
.footer-main{display:flex;flex-direction:column;gap:9px;min-width:0}
.footer-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0}
.footer-product{font:500 27px/1.1 var(--display)}
.footer-sep{color:#8a9078;font-size:20px}
.footer-tagline{font:15px/1.5 var(--body);color:#c3bda3}
.footer-studio{font:15px/1.4 var(--body);color:#bfb69a;text-decoration:none}
.footer-studio em{font:700 19px/1 Caveat,cursive;font-style:italic;color:#e4d7b9}
.footer-studio:hover{color:#e4d7b9}
.footer-links{display:flex;align-items:center;gap:20px;font:15px/1 var(--body)}
.footer-links a{color:#d6cdb0;text-decoration:none;border-bottom:1px solid #6b7159}
.footer-links a:hover{color:#f2e7d1;border-bottom-color:currentColor}
@media(max-width:760px){
 .site-footer{flex-direction:column;align-items:flex-start;gap:18px}
 .footer-product{font-size:23px}
 .footer-tagline{font-size:14px}
 .footer-links{gap:16px;font-size:14px}
}
.studio-byline{display:none}
.nav-toggle{display:none}
.nav-links{display:flex;gap:28px;align-items:center}
@media(max-width:760px){
 /* 窄屏横向放不下两个品牌：工作室降到产品名下方，导航收进菜单。 */
 .masthead{height:auto;padding-top:11px;padding-bottom:11px}
 .masthead-brand{flex-direction:column;align-items:flex-start;gap:2px}
 .studio-link,.brand-sep{display:none}
 .studio-byline{display:inline-block;color:#c8b58f;font:700 15px/1.2 Caveat,cursive;text-decoration:none;border-bottom:1px solid #6f5c43}
 .studio-byline:hover{color:#f2e7d1;border-bottom-color:currentColor}
 .nav-toggle{display:inline-block;background:none;border:1px solid #6f5c43;border-radius:5px;color:#e6d8bd;font:12px/1 var(--mono);letter-spacing:.08em;padding:9px 13px;cursor:pointer}
 .nav-toggle[aria-expanded=true]{border-color:#b9975a;color:#f2e7d1}
 .main-nav{position:relative}
 .nav-links{position:absolute;right:0;top:calc(100% + 11px);z-index:31;flex-direction:column;align-items:flex-start;gap:14px;padding:15px 18px;background:#2b211a;border:1px solid #6f5c43;border-radius:7px;box-shadow:0 12px 26px #0007}
 .nav-links:not([data-open]){display:none}
}
@media(max-width:700px){
 .resume-panel{gap:10px 16px;padding:15px 16px}
 .resume-panel .button{width:100%}
 .resume-panel #restart-review{margin-left:0}
 [data-view=archive] .review-actions{align-items:flex-start;gap:12px;margin-top:22px}
 [data-view=archive] .review-actions .button{width:100%}
 [data-view=archive] .answers-toolbar{margin-top:24px;padding:12px 0;gap:10px 16px}
 [data-view=archive] .toolbar-end{margin-left:0;gap:16px}
 .draft-more-menu{right:auto;left:0}
}
/* 纪念盒：原先 .box-inside 用房间插画当内衬、.memory-box 自身没有底色，
   于是 inset:10px 那一圈透出背景，前侧板看着像和盒体断开。 */
.memory-box{background:linear-gradient(158deg,#5a3720,#7a4e2c 42%,#3d2212);border-radius:4px;box-shadow:0 14px 26px #0007}
/* 不透明深橄榄绒布内衬 + 四面内壁阴影，做出收纳空间的深度。 */
.box-inside{background:repeating-linear-gradient(45deg,#24352a 0 3px,#2b3d30 3px 6px)!important;box-shadow:inset 0 16px 24px #000a,inset 0 -12px 20px #0008,inset 16px 0 20px #0007,inset -16px 0 20px #0007}
/* 物品落在衬底上：各加一层贴地接触阴影，去掉悬浮感。 */
.box-letter{box-shadow:2px 4px 8px #0006,0 9px 10px -6px #000b}
.box-journal{box-shadow:3px 4px 2px #d6c8a4,0 10px 11px -6px #000b}
.box-card{box-shadow:0 3px 7px #0005,0 9px 10px -6px #000b}
/* 前侧板与盒体连成一片，去掉中间那条悬空缝。 */
.box-front{top:calc(100% - 3px);border-top:0;background:linear-gradient(#7a5334,#3a2111)}
/* 盒盖翻到 112° 后看到的是背面，文字会镜像。在盖子转到接近侧立时再翻正，肉眼看不到切换。 */
.unlocked .box-lid span,.unlocked .box-lid small{transform:rotateX(180deg);transition:transform 0s linear .5s}