:root{--color-paper: oklch(99% .01 88);--color-paper-2: oklch(97% .014 84);--color-paper-3: oklch(93% .018 78);--color-ink: oklch(25% .012 78);--color-muted: oklch(55% .014 76);--color-muted-strong: oklch(49% .014 76);--color-rule: oklch(76% .018 78);--color-accent: oklch(51% .045 132);--color-accent-ink: var(--color-paper);--color-caramel: oklch(66% .09 65);--color-focus: oklch(54% .11 132);--color-error: oklch(52% .15 28);--font-display: Georgia, "Times New Roman", serif;--font-body: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-display-s: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-display: clamp(4rem, 15vw, 13rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--radius-card: 1.125rem;--radius-pill: 999px;--rule-hairline: 1px;--rule-focus: 2px;--size-hit: 2.75rem;--size-guyu-reader-edge: 1.625rem;--size-guyu-book-gutter: 1.875rem;--size-guyu-reader-reserved: 9.375rem;--size-guyu-book-max: 50.625rem;--size-guyu-controls-offset: 1.75rem;--size-guyu-hint-offset: 3.625rem;--size-guyu-perspective: 131.25rem;--size-guyu-mobile-edge: 1.25rem;--size-guyu-controls-max: 24rem;--size-guyu-controls-mobile-max: 21rem;--ratio-guyu-book-spread: 1.306413;--text-guyu-control: 2rem;--layout-wide: 72rem;--layout-reading: 65ch;--shadow-book: 0 1.5rem 3.75rem oklch(25% .012 78 / .14);--shadow-book-soft: 0 .75rem 2rem oklch(25% .012 78 / .1);--z-base: 1;--z-raised: 10;--z-turn-shadow: 12;--z-turning-page: 20;--z-page-controls: 30}html,body{overflow-x:clip}.duomei-kinetic-active{isolation:isolate}.duomei-kinetic-hero-canvas{position:fixed;inset:0;z-index:var(--z-raised);overflow:clip;pointer-events:none;contain:paint}.duomei-kinetic-echo{position:absolute;inset-inline-start:0;inset-block-start:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(7rem,24vw,22rem);font-style:normal;font-weight:700;line-height:.72;letter-spacing:-.07em;white-space:nowrap;transform-origin:center;mix-blend-mode:multiply}.duomei-kinetic-sash{position:absolute;inset-inline-start:-12%;inset-block-start:0;width:124%;min-height:clamp(3.25rem,8vw,7rem);display:grid;place-items:center;overflow:hidden;border-block:var(--rule-hairline) solid color-mix(in oklch,var(--color-ink) 32%,transparent);color:var(--color-ink);background:color-mix(in oklch,var(--color-paper) 91%,transparent);box-shadow:0 var(--space-lg) var(--space-2xl) color-mix(in oklch,var(--color-ink) 12%,transparent);transform-origin:center}.duomei-kinetic-sash span{font-family:var(--font-body);font-size:clamp(var(--text-sm),2vw,var(--text-lg));font-weight:700;letter-spacing:.18em;white-space:nowrap}.duomei-kinetic-paper-fold{position:absolute;inset-inline-start:-8%;inset-block-start:-24%;width:54%;height:148%;border-inline:var(--rule-hairline) solid color-mix(in oklch,var(--color-caramel) 46%,transparent);background:color-mix(in oklch,var(--color-paper-3) 72%,transparent);clip-path:polygon(18% 0,100% 12%,78% 100%,0 82%);transform-origin:center;mix-blend-mode:multiply}.duomei-kinetic-active .duomei-hero-cover-motion{translate:0 var(--duomei-kinetic-hero-lift, 0px);rotate:var(--duomei-kinetic-hero-spin, 0deg);scale:var(--duomei-kinetic-hero-scale, 1);transform-origin:50% 72%}.duomei-kinetic-active .bounce-name h1>span{display:inline-block;scale:var(--duomei-kinetic-letter-scale, 1);transform-origin:50% 80%}.duomei-kinetic-active .bounce-name h1>span:nth-child(1){translate:var(--duomei-kinetic-left-far, 0px) var(--duomei-kinetic-up-near, 0px);rotate:var(--duomei-kinetic-spin-left-far, 0deg)}.duomei-kinetic-active .bounce-name h1>span:nth-child(2){translate:var(--duomei-kinetic-left-near, 0px) var(--duomei-kinetic-down-near, 0px);rotate:var(--duomei-kinetic-spin-left, 0deg)}.duomei-kinetic-active .bounce-name h1>span:nth-child(3){translate:var(--duomei-kinetic-left-soft, 0px) var(--duomei-kinetic-up-far, 0px);rotate:var(--duomei-kinetic-spin-left-soft, 0deg)}.duomei-kinetic-active .bounce-name h1>span:nth-child(4){translate:var(--duomei-kinetic-right-soft, 0px) var(--duomei-kinetic-down-far, 0px);rotate:var(--duomei-kinetic-spin-right-soft, 0deg)}.duomei-kinetic-active .bounce-name h1>span:nth-child(5){translate:var(--duomei-kinetic-right-near, 0px) var(--duomei-kinetic-up-near, 0px);rotate:var(--duomei-kinetic-spin-right, 0deg)}.duomei-kinetic-active .bounce-name h1>span:nth-child(6){translate:var(--duomei-kinetic-right-far, 0px) var(--duomei-kinetic-down-near, 0px);rotate:var(--duomei-kinetic-spin-right-far, 0deg)}.duomei-kinetic-active .duomei-hero-subname,.duomei-kinetic-active .duomei-hero-line,.duomei-kinetic-active .duomei-scroll-hint{translate:0 var(--duomei-kinetic-copy-lift, 0px);opacity:var(--duomei-kinetic-copy-opacity, 1)}.duomei-kinetic-active .paper-curve{translate:0 var(--duomei-kinetic-paper-lift, 0px);scale:var(--duomei-kinetic-paper-scale, 1) 1;transform-origin:50% 100%}.duomei-kinetic-notes-stage{isolation:isolate;overflow:clip}.duomei-kinetic-notes-canvas{position:absolute;inset:0;z-index:var(--z-base);overflow:clip;pointer-events:none}.duomei-kinetic-notes-title{position:absolute;inset-inline-start:0;inset-block-start:18%;color:var(--color-ink);font-family:var(--font-body);font-size:clamp(5rem,18vw,17rem);font-style:normal;font-weight:800;line-height:.8;letter-spacing:-.08em;white-space:nowrap;mix-blend-mode:multiply}.duomei-kinetic-notes-rail{position:absolute;inset-inline-start:-18%;inset-block-start:55%;width:136%;height:clamp(2.5rem,6vw,5.5rem);border-block:var(--rule-hairline) solid color-mix(in oklch,var(--color-ink) 28%,transparent);background:color-mix(in oklch,var(--color-caramel) 16%,var(--color-paper));transform-origin:center;mix-blend-mode:multiply}.duomei-kinetic-notes-count{position:absolute;inset-inline-end:var(--space-md);inset-block-start:48%;color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.16em;white-space:nowrap;transform-origin:center}.duomei-kinetic-notes-stage>.notes-dream-notes-content{position:relative;z-index:var(--z-raised);min-width:0;transform-origin:52% 58%}[data-reduced-motion=true] .duomei-kinetic-hero-canvas,[data-reduced-motion=true] .duomei-kinetic-notes-canvas{display:none}[data-reduced-motion=true] .duomei-kinetic-active .duomei-hero-cover-motion,[data-reduced-motion=true] .duomei-kinetic-active .bounce-name h1>span,[data-reduced-motion=true] .duomei-kinetic-active .duomei-hero-subname,[data-reduced-motion=true] .duomei-kinetic-active .duomei-hero-line,[data-reduced-motion=true] .duomei-kinetic-active .duomei-scroll-hint,[data-reduced-motion=true] .duomei-kinetic-active .paper-curve{translate:none;rotate:none;scale:none;opacity:1}@media(min-width:48rem){.duomei-kinetic-notes-count{inset-inline-end:var(--space-2xl);font-size:var(--text-md)}}@media(prefers-reduced-motion:reduce){.duomei-kinetic-hero-canvas,.duomei-kinetic-notes-canvas{display:none}.duomei-kinetic-notes-stage>.notes-dream-notes-content{opacity:1!important;transform:none!important;transition:opacity var(--dur-micro) linear}}@font-face{font-family:Duomei Handwriting;src:local("LXGW WenKai"),local("霞鹜文楷"),local("STKaiti"),local("KaiTi");font-display:swap}.poetry-portal{--poetry-paper: #faf7f0;--poetry-paper-deep: #eee7dc;--poetry-ink: #1f1f1b;--poetry-muted: #77736b;--poetry-line: rgba(31, 31, 27, .14);--poetry-accent: #9c7b5f;position:relative;isolation:isolate;width:100%;overflow:visible;background:var(--poetry-paper);color:var(--poetry-ink)}.poetry-portal-intro{position:relative;height:230svh;background:var(--poetry-paper)}.poetry-portal-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:clip;background:radial-gradient(circle at 34% 18%,rgba(255,255,255,.9),transparent 35rem),var(--poetry-paper)}.poetry-portal-paper{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#faf7f03d,#eee7dcd1),repeating-linear-gradient(0deg,transparent 0 7px,rgba(31,31,27,.018) 8px);mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 100%);will-change:transform}.poetry-portal-scene{position:absolute;inset:0;z-index:3;will-change:transform,opacity}.poetry-legacy-frame{position:absolute;left:50%;top:50%;z-index:3;width:min(920px,70vw);height:min(630px,calc(100svh - 150px));min-height:480px;overflow:hidden;border:1px solid rgba(31,31,27,.1);border-radius:28px;background:#fffdf8f0;box-shadow:0 28px 90px #483d2f21;translate:-50% -50%;transform-origin:left center;will-change:transform,opacity}.poetry-legacy-frame .dream-card{width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:inherit;background:transparent;box-shadow:none}.poetry-legacy-frame .dream-name{direction:ltr;writing-mode:horizontal-tb;unicode-bidi:isolate}.poetry-portal-title{position:absolute;z-index:5;right:clamp(46px,7vw,116px);top:clamp(76px,13svh,142px);display:flex;flex-direction:row-reverse;align-items:flex-start;gap:clamp(12px,1.5vw,26px);height:min(570px,calc(100% - 160px));margin:0;color:var(--poetry-ink);font-size:clamp(2.3rem,3.4vw,4.6rem);font-weight:300;line-height:1.08;letter-spacing:.05em;pointer-events:none;will-change:transform,opacity,clip-path}.poetry-portal-title>span:not(.poetry-sr-only){display:block;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;will-change:transform,clip-path}.poetry-portal-title>span:nth-child(2){margin-top:.7em}.poetry-portal-title>span:nth-child(3){margin-top:1.4em}.poetry-scroll-progress{position:absolute;z-index:8;left:4vw;right:4vw;bottom:clamp(20px,3svh,34px);display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:16px;color:var(--poetry-muted);font:600 .64rem/1 Arial,sans-serif;letter-spacing:.16em}.poetry-scroll-progress i{position:relative;display:block;height:1px;overflow:hidden;background:#1f1f1b29}.poetry-scroll-progress b{position:absolute;inset:0;display:block;background:var(--poetry-ink);transform-origin:left center}.poetry-index{position:relative;z-index:4;margin-top:-28svh;padding-bottom:clamp(120px,18svh,220px);background:var(--poetry-paper)}.poetry-index:before{position:absolute;left:0;right:0;top:-90px;height:90px;content:"";background:linear-gradient(180deg,transparent,var(--poetry-paper));pointer-events:none}.poetry-work-track{position:relative;height:185svh;background:var(--poetry-paper)}.poetry-work-panel{position:sticky;top:0;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(240px,.72fr) minmax(440px,1.7fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"heading vertical media" "excerpt vertical media";gap:clamp(36px,5vw,90px);align-items:stretch;height:100svh;min-height:720px;overflow:clip;padding:clamp(92px,12svh,150px) clamp(28px,4vw,74px) clamp(64px,9svh,110px);border-top:1px solid var(--poetry-line);background:var(--poetry-paper)}.poetry-work-panel:after{content:"多美";position:absolute;right:clamp(24px,3vw,54px);top:clamp(30px,5svh,62px);display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(125,51,43,.42);border-radius:50%;color:#7d332bb8;font-family:"Noto Serif SC",Songti SC,serif;font-size:.62rem;letter-spacing:0;transform:rotate(-8deg)}.poetry-work-panel.is-reverse:after{right:auto;left:clamp(24px,3vw,54px);transform:rotate(7deg)}.poetry-work-panel.is-reverse{grid-template-columns:minmax(440px,1.7fr) minmax(240px,.72fr) minmax(240px,.9fr);grid-template-areas:"media vertical heading" "media vertical excerpt"}.poetry-work-heading{grid-area:heading;align-self:start;display:grid;grid-template-columns:1fr auto;gap:10px 18px}.poetry-work-heading span{color:var(--poetry-muted);font:500 .7rem/1.2 Arial,sans-serif;letter-spacing:.18em}.poetry-work-heading strong{color:var(--poetry-muted);font:400 .76rem/1 Georgia,serif}.poetry-work-heading h3{grid-column:1 / -1;margin:clamp(24px,5svh,54px) 0 0;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(3.2rem,5.8vw,7.8rem);font-weight:400;line-height:.92;letter-spacing:-.055em;overflow-wrap:anywhere}.poetry-work-vertical{grid-area:vertical;align-self:start;display:flex;flex-direction:row-reverse;justify-content:center;gap:clamp(12px,1.3vw,22px);min-height:min(670px,70svh);padding-top:clamp(4px,2svh,24px);font-size:clamp(2rem,3.1vw,4rem);font-weight:300;line-height:1.1;letter-spacing:.04em}.poetry-work-vertical span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;transform-origin:top center;will-change:transform,opacity,clip-path,filter}.poetry-work-vertical span:nth-child(2){margin-top:.7em}.poetry-work-vertical span:nth-child(3){margin-top:1.4em}.poetry-work-vertical span:nth-child(4){margin-top:2.1em}.poetry-work-media{grid-area:media;position:relative;min-width:0;height:min(74svh,820px);margin:0;overflow:hidden;background:var(--poetry-paper-deep)}.poetry-work-media-grid{position:absolute;inset:0;display:grid;gap:1px;background:var(--poetry-paper)}.poetry-work-media-grid.is-count-2,.poetry-work-media-grid.is-count-3,.poetry-work-media-grid.is-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.poetry-work-media-grid.is-count-3,.poetry-work-media-grid.is-count-4{grid-template-rows:repeat(2,minmax(0,1fr))}.poetry-work-media-grid.is-count-3 .poetry-work-media-cell:first-child{grid-row:1 / -1}.poetry-work-media-cell{position:relative;min-width:0;overflow:hidden}.poetry-work-media img{position:absolute;left:0;top:-8%;display:block;width:100%;height:116%;object-fit:cover;will-change:transform}.poetry-work-media-mask{position:absolute;inset:0;z-index:2;display:block;background:var(--poetry-paper);transform-origin:right center;will-change:transform}.poetry-work-panel.is-reverse .poetry-work-media-mask{transform-origin:left center}.poetry-work-media figcaption{position:absolute;z-index:3;left:clamp(18px,2vw,34px);bottom:clamp(18px,2vw,34px);padding:8px 12px;background:#faf7f0db;color:var(--poetry-ink);font-family:"Noto Serif SC",Songti SC,serif;font-size:.88rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poetry-work-excerpt{grid-area:excerpt;align-self:end;display:grid;gap:10px;max-width:36rem;color:#4e4b45}.poetry-work-excerpt p{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(.95rem,1.1vw,1.12rem);line-height:1.85}.poetry-work-excerpt small{margin-top:10px;color:var(--poetry-muted);font:500 .66rem/1.4 Arial,sans-serif;letter-spacing:.12em}.poetry-work-excerpt button{justify-self:start;margin-top:8px;padding:8px 13px;border:1px solid var(--poetry-line);border-radius:999px;background:transparent;color:var(--poetry-ink);cursor:pointer}.poetry-editor-backdrop{position:fixed;inset:0;z-index:7000;display:grid;place-items:center;padding:24px;background:#1f1f1b4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poetry-editor{width:min(760px,100%);max-height:min(780px,calc(100svh - 48px));overflow:auto;border:1px solid var(--poetry-line);border-radius:20px;background:#fffdf8;box-shadow:0 30px 100px #1f1f1b33}.poetry-editor>header,.poetry-editor>nav{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--poetry-line)}.poetry-editor-slides{align-items:stretch!important;overflow-x:auto;padding:14px 20px!important}.poetry-editor-slides>button{position:relative;flex:0 0 132px;display:grid;grid-template-columns:auto 1fr;gap:6px 8px;padding:7px;border-radius:10px;text-align:left}.poetry-editor-slides>button img{grid-column:1 / -1;display:block;width:100%;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover}.poetry-editor-slides>button span{color:var(--poetry-muted);font-size:.64rem}.poetry-editor-slides>button strong{overflow:hidden;font-size:.72rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.poetry-editor-slides .poetry-editor-add-slide{place-content:center;min-height:104px;border-style:dashed;text-align:center}.poetry-editor-page-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 0}.poetry-editor button:disabled{cursor:not-allowed;opacity:.35}.poetry-editor>header{justify-content:space-between}.poetry-editor button{padding:8px 12px;border:1px solid var(--poetry-line);border-radius:999px;background:transparent;color:var(--poetry-ink);cursor:pointer}.poetry-editor button.is-active{background:var(--poetry-ink);color:#fff}.poetry-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.poetry-editor-fields label{display:grid;gap:7px;color:var(--poetry-muted);font-size:.76rem}.poetry-editor-fields label.is-wide{grid-column:1 / -1}.poetry-editor-fields input,.poetry-editor-fields textarea{width:100%;padding:10px 12px;border:1px solid var(--poetry-line);border-radius:10px;background:#fff;color:var(--poetry-ink);font:inherit}.poetry-editor-fields textarea{min-height:110px;resize:vertical}.poetry-editor-upload input{padding:8px}.poetry-editor-images{grid-column:1 / -1;display:grid;gap:12px;margin-top:4px;padding-top:18px;border-top:1px solid var(--poetry-line)}.poetry-editor-images>header{display:flex;align-items:center;justify-content:space-between}.poetry-editor-images>article{display:grid;grid-template-columns:120px 1fr 1fr;gap:10px;align-items:end;padding:12px;border:1px solid var(--poetry-line);border-radius:12px}.poetry-editor-images>article>img{grid-row:span 2;display:block;width:120px;aspect-ratio:4 / 3;border-radius:8px;object-fit:cover}.poetry-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:1120px){.poetry-work-panel,.poetry-work-panel.is-reverse{grid-template-columns:minmax(190px,.75fr) minmax(190px,.65fr) minmax(360px,1.45fr);gap:34px}.poetry-work-panel.is-reverse{grid-template-columns:minmax(360px,1.45fr) minmax(190px,.65fr) minmax(190px,.75fr)}}@media(max-width:768px){.poetry-portal-intro{height:230svh}.poetry-portal-stage{top:0;height:100svh;min-height:0}.poetry-legacy-frame{left:5vw;top:50%;width:90vw;height:min(430px,48svh);min-height:300px;border-radius:20px;translate:0 -50%}.poetry-legacy-frame .dream-name{right:var(--space-lg);top:20%;font-size:clamp(4rem,22vw,5.4rem)}.poetry-legacy-frame .dream-tami{left:var(--space-lg);top:44%;bottom:auto;font-size:clamp(1.5rem,8vw,2rem)}.poetry-legacy-frame .dream-poem-box{left:var(--space-lg);right:var(--space-lg);top:60%;bottom:auto;width:auto;min-height:0;font-size:clamp(1rem,4.6vw,1.2rem);line-height:1.65}.poetry-portal-title{right:4vw;top:15%;bottom:15%;gap:7px;height:auto;font-size:clamp(1.15rem,4.9vw,1.8rem)}.poetry-scroll-progress{left:5vw;right:5vw;bottom:18px;gap:10px}.poetry-work-panel,.poetry-work-panel.is-reverse{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"heading" "vertical" "media" "excerpt";gap:34px;position:relative;top:auto;height:auto;min-height:0;padding:78px 18px 84px}.poetry-work-track{height:auto}.poetry-work-panel:after,.poetry-work-panel.is-reverse:after{left:auto;right:20px;top:28px}.poetry-work-heading{grid-template-columns:1fr auto}.poetry-work-heading h3{margin-top:22px;font-size:clamp(3.2rem,17vw,5.6rem)}.poetry-work-vertical{justify-content:flex-start;min-height:clamp(380px,52svh,500px);max-width:100%;overflow:clip;padding:0 4px;font-size:clamp(1.8rem,8vw,2.65rem)}.poetry-work-media{height:min(56svh,520px)}.poetry-work-excerpt{padding:0 4px}.poetry-editor-fields{grid-template-columns:1fr}.poetry-editor-fields label.is-wide,.poetry-editor-images{grid-column:auto}.poetry-editor-images>article{grid-template-columns:88px 1fr}.poetry-editor-images>article>img{width:88px}}@media(prefers-reduced-motion:reduce){.poetry-portal-intro{height:auto}.poetry-portal-stage{position:relative;top:auto;min-height:100svh}.poetry-portal-paper,.poetry-legacy-frame,.poetry-portal-title,.poetry-scroll-progress b{transform:none!important;opacity:1!important;clip-path:none!important}}.poetry-work-panel.has-custom-layout{display:block;position:sticky}.poetry-work-panel.has-custom-layout .poetry-work-heading{position:absolute;left:var(--poetry-text-x);top:var(--poetry-text-y);width:var(--poetry-text-width);height:24%}.poetry-work-panel.has-custom-layout .poetry-work-vertical{position:absolute;left:var(--poetry-text-x);top:calc(var(--poetry-text-y) + 22%);width:var(--poetry-text-width);height:calc(var(--poetry-text-height) - 34%)}.poetry-work-panel.has-custom-layout .poetry-work-excerpt{position:absolute;left:var(--poetry-text-x);top:calc(var(--poetry-text-y) + var(--poetry-text-height) - 15%);width:var(--poetry-text-width);max-width:none}.poetry-work-panel.has-custom-layout .poetry-work-media{position:absolute;left:var(--poetry-image-x);top:var(--poetry-image-y);width:var(--poetry-image-width);height:var(--poetry-image-height)}.poetry-direct-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid rgba(31,31,27,.1)}.poetry-direct-toolbar>span{margin-right:auto;color:#746e65;font-size:13px}.poetry-direct-toolbar button,.poetry-direct-toolbar input{min-height:36px;border:1px solid rgba(31,31,27,.14);border-radius:999px;background:#fffdf8;padding:6px 12px}.poetry-direct-toolbar label{display:flex;gap:6px;align-items:center;font-size:13px}.poetry-direct-toolbar input{width:76px}.poetry-direct-canvas{position:relative;width:min(1320px,calc(100% - 44px));aspect-ratio:16 / 9;min-height:560px;margin:22px auto;overflow:hidden;border:1px solid rgba(31,31,27,.12);background:linear-gradient(rgba(117,106,91,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(117,106,91,.05) 1px,transparent 1px),#faf7f0;background-size:24px 24px;box-shadow:0 24px 70px #30281e1f}.poetry-direct-image-frame,.poetry-direct-text-frame{position:absolute;box-sizing:border-box;outline:1px dashed rgba(111,125,99,.72);outline-offset:3px}.poetry-direct-image-frame img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.poetry-direct-text-frame{display:flex;gap:16px;flex-direction:row;overflow:auto;padding:16px;writing-mode:vertical-rl}.poetry-direct-text-frame.is-horizontal{flex-direction:column;writing-mode:horizontal-tb}.poetry-direct-text-frame [contenteditable]{min-width:1em;outline:none;cursor:text;white-space:pre-wrap}.poetry-direct-text-frame [contenteditable]:focus{background:#fffdf8d1;box-shadow:0 0 0 6px #fffdf8d1}.poetry-direct-text-frame>strong{font-size:clamp(38px,4vw,74px);font-weight:500}.poetry-direct-lines{line-height:1.65}.poetry-direct-move,.poetry-direct-resize{position:absolute;z-index:12;width:28px;height:28px;border:1px solid #59644f;background:#fffdf8;box-shadow:0 5px 14px #1f1f1b2e}.poetry-direct-move{top:-15px;left:-15px;display:grid;place-items:center;border-radius:999px;cursor:move;padding:0}.poetry-direct-resize{right:-14px;bottom:-14px;border-radius:5px;cursor:nwse-resize}.poetry-editor-fields-compact{grid-template-columns:1fr}@media(max-width:768px){.poetry-direct-canvas{width:1040px;min-height:585px;margin-left:12px}.poetry-editor{overflow-x:auto}}.poetry-work-panel.poetry-free-panel{container-type:inline-size;position:sticky;top:0;display:block;height:100svh;min-height:720px;padding:0;overflow:clip}.poetry-free-index{position:absolute;top:clamp(34px,5svh,62px);right:clamp(88px,7vw,118px);z-index:30;color:var(--poetry-muted);font:400 .76rem/1 Georgia,serif}.poetry-free-image{position:absolute;margin:0;overflow:hidden;background:var(--poetry-paper-deep)}.poetry-free-image>img{position:absolute;left:0;top:-8%;display:block;width:100%;height:116%;object-fit:cover;will-change:transform}.poetry-free-image figcaption{position:absolute;left:18px;bottom:18px;z-index:4;padding:8px 12px;background:#faf7f0db;color:var(--poetry-ink);font-family:"Noto Serif SC",Songti SC,serif;font-size:.82rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poetry-free-text{position:absolute;overflow:hidden;white-space:pre-wrap}.poetry-free-text.is-title{font-family:"Noto Serif SC",Songti SC,STSong,serif!important;font-weight:400;line-height:1;letter-spacing:-.055em}.poetry-free-text.is-caption{font-family:"Noto Serif SC",Songti SC,serif!important;line-height:1.9}.poetry-free-text.is-poem{display:flex;gap:clamp(12px,1.3vw,22px);line-height:1.12;letter-spacing:.04em}.poetry-free-text.is-poem.is-vertical{flex-direction:row-reverse;align-items:flex-start}.poetry-free-text.is-poem.is-vertical>span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap}.poetry-free-text.is-poem.is-horizontal{flex-direction:column;align-items:flex-start}.poetry-free-edit{position:absolute;left:clamp(24px,4vw,64px);bottom:clamp(24px,4svh,50px);z-index:50;padding:10px 16px;border:1px solid rgba(31,31,27,.18);border-radius:999px;background:#faf7f0e0;color:var(--poetry-ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poetry-canvas-editor{position:fixed;inset:0;z-index:9000;display:grid;grid-template-columns:176px minmax(0,1fr) 260px;grid-template-rows:auto minmax(0,1fr);color:#211d19;background:#e8e4dc}.poetry-canvas-editor button,.poetry-canvas-editor input,.poetry-canvas-editor select{font:inherit}.poetry-canvas-editor-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:12px 18px;border-bottom:1px solid rgba(31,31,27,.12);background:#fffdf8}.poetry-canvas-editor-header>div:first-child{display:grid;gap:2px}.poetry-canvas-editor-header span{color:#77736b;font-size:.75rem}.poetry-canvas-editor-actions,.poetry-canvas-pagebar,.poetry-canvas-layer-actions{display:flex;flex-wrap:wrap;gap:8px}.poetry-canvas-editor button{min-height:36px;padding:7px 12px;border:1px solid rgba(31,31,27,.14);border-radius:999px;background:#fffdf8;color:#211d19;cursor:pointer}.poetry-canvas-editor button.is-primary{border-color:#52685d;background:#52685d;color:#fff}.poetry-canvas-editor button.is-danger{color:#8a4038}.poetry-canvas-editor button:disabled{cursor:not-allowed;opacity:.35}.poetry-canvas-pages{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 12px;overflow-y:auto;border-right:1px solid rgba(31,31,27,.12);background:#f4f0e8}.poetry-canvas-pages>button{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;padding:7px;border-radius:12px;text-align:left}.poetry-canvas-pages>button.is-active{border-color:#52685d;box-shadow:0 0 0 2px #52685d33}.poetry-canvas-pages img{grid-column:1 / -1;width:100%;aspect-ratio:16 / 9;border-radius:7px;object-fit:cover}.poetry-canvas-pages span,.poetry-canvas-pages strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.poetry-canvas-pages .is-add{place-content:center;min-height:78px;border-style:dashed;text-align:center}.poetry-canvas-workspace{grid-column:2;grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:auto;padding:14px 18px 22px}.poetry-canvas-pagebar{align-items:center;padding-bottom:12px}.poetry-canvas-stage{container-type:inline-size;position:relative;align-self:center;width:min(100%,calc((100svh - 150px)*1.6));aspect-ratio:16 / 10;margin:auto;overflow:hidden;border:1px solid rgba(31,31,27,.16);background:linear-gradient(rgba(82,104,93,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(82,104,93,.05) 1px,transparent 1px),#faf7f0;background-size:24px 24px;box-shadow:0 28px 80px #30281e29}.poetry-canvas-element{position:absolute;box-sizing:border-box}.poetry-canvas-element.is-selected{z-index:1000!important;outline:2px solid #52685d;outline-offset:3px}.poetry-canvas-element.is-image{overflow:hidden}.poetry-canvas-element.is-image>img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;transform-origin:center}.poetry-canvas-element.is-image .poetry-element-move{left:7px;top:7px}.poetry-canvas-element.is-image .poetry-element-resize{right:5px;bottom:5px}.poetry-canvas-element.is-text{overflow:visible;padding:8px;line-height:1.4;white-space:pre-wrap}.poetry-canvas-element.is-text>[contenteditable]{overflow:auto;min-width:100%;min-height:100%;max-height:100%;outline:none}.poetry-canvas-element.is-title{font-family:"Noto Serif SC",Songti SC,serif!important;line-height:1}.poetry-canvas-element.is-caption{line-height:1.8}.poetry-element-move,.poetry-element-resize{position:absolute;z-index:100;border:1px solid #52685d!important;background:#fffdf8!important;box-shadow:0 6px 16px #1f1f1b33}.poetry-element-move{left:-5px;top:-40px;min-height:30px!important;padding:4px 9px!important;cursor:move!important;font-size:.7rem!important}.poetry-element-resize{right:-9px;bottom:-9px;width:19px;min-width:19px;height:19px;min-height:19px!important;padding:0!important;border-radius:4px!important;cursor:nwse-resize!important}.poetry-canvas-inspector{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:14px;min-height:0;padding:18px;overflow-y:auto;border-left:1px solid rgba(31,31,27,.12);background:#fffdf8}.poetry-canvas-inspector label{display:grid;gap:7px;color:#68635b;font-size:.76rem}.poetry-canvas-inspector input,.poetry-canvas-inspector select{width:100%;min-height:38px;padding:7px 9px;border:1px solid rgba(31,31,27,.14);border-radius:9px;background:#fff}.poetry-canvas-inspector input[type=color]{padding:3px}.poetry-canvas-layer-actions{margin-top:8px}.poetry-canvas-inspector p{color:#77736b;font-size:.82rem;line-height:1.7}.poetry-image-editor-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;overflow:auto;padding:clamp(18px,4vw,54px);background:#1b1b18ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.poetry-image-editor-overlay .image-upload-panel{width:min(1040px,100%);max-height:calc(100svh - 36px);overflow:auto;border-radius:24px;background:#fffdf8;box-shadow:0 32px 100px #0000003d}@media(max-width:900px){.poetry-canvas-editor{grid-template-columns:112px minmax(720px,1fr) 210px;overflow:auto}.poetry-canvas-editor-header{position:sticky;left:0;min-width:1042px}}@media(max-width:768px){.poetry-index{margin-top:0;padding-bottom:clamp(88px,14svh,140px)}.poetry-work-track{height:225svh}.poetry-work-panel.poetry-free-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:14px;height:100svh;min-height:0;padding:54px 18px 28px;overflow:hidden}.poetry-free-text,.poetry-free-image{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}.poetry-free-text.is-title{order:1;min-height:72px;font-size:clamp(2.5rem,13vw,4.3rem)!important}.poetry-free-text.is-poem{order:2;min-height:clamp(220px,30svh,290px);font-size:clamp(1.35rem,6vw,2rem)!important}.poetry-free-image{order:3;flex:1 1 0;min-height:0}.poetry-free-text.is-caption{order:4;min-height:48px;font-size:.78rem!important}.poetry-free-edit{position:absolute;left:18px;bottom:18px;z-index:60}}.notes-dream-transition{position:relative;isolation:isolate;overflow:visible;background:var(--paper)}.notes-dream-notes-panel{position:relative;z-index:2;min-height:100svh;display:grid;align-items:center;background:var(--paper);padding:clamp(84px,10vh,128px) 0 clamp(76px,9vh,118px)}.notes-dream-notes-panel:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(255,253,247,.64),transparent 36%),linear-gradient(180deg,#fffdf742,#e2d8c72e)}.notes-dream-notes-content{position:relative;z-index:2;width:100%;display:grid;gap:clamp(34px,5vh,58px)}.notes-dream-divider{position:relative;z-index:3;height:clamp(64px,8vh,104px);margin:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,#faf7f0 100%)}.notes-dream-divider svg{display:block;width:100%;height:100%}.notes-dream-divider-fill{fill:#faf7f0}.notes-dream-divider-line{fill:none;stroke:#1f1f1b;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.notes-dream-time-panel{position:relative;z-index:2;min-height:0;margin:0;overflow:visible;background:#faf7f0}@media(max-width:760px){.notes-dream-notes-panel{min-height:auto;padding:64px 0 78px}.notes-dream-notes-content{gap:28px}.notes-dream-divider{height:72px}}.duomei-skills-page{min-block-size:100svh;padding:var(--space-4xl) clamp(var(--space-md),6vw,var(--space-3xl)) var(--space-3xl);color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body)}.duomei-skills-intro,.duomei-skills-directory{inline-size:min(100%,var(--layout-wide));margin-inline:auto}.duomei-skills-intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:end;gap:var(--space-2xl);padding-block-end:var(--space-2xl);border-block-end:var(--rule-hairline) solid var(--color-rule)}.duomei-skills-intro h1{min-inline-size:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-display-s);font-style:normal;font-weight:700;line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}.duomei-skills-intro>div{display:grid;justify-items:start;gap:var(--space-lg)}.duomei-skills-intro p{max-inline-size:var(--layout-reading);margin:0;color:var(--color-muted-strong);font-size:var(--text-lg);line-height:1.6}.duomei-skills-intro a,.duomei-skill-open{white-space:nowrap}.duomei-skills-intro a{color:var(--color-accent);border-block-end:var(--rule-hairline) solid currentColor;font-size:var(--text-base)}.duomei-skills-intro a:focus-visible,.duomei-skills-directory li>a:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-xs)}.duomei-skills-intro a:active,.duomei-skills-directory li>a:active{color:var(--color-ink)}.duomei-skills-directory{padding-block:var(--space-2xl) var(--space-xl)}.duomei-skills-directory ol{padding:0;margin:0;list-style:none;border-block-start:var(--rule-hairline) solid var(--color-rule)}.duomei-skills-directory li{border-block-end:var(--rule-hairline) solid var(--color-rule)}.duomei-skills-directory li>a{display:grid;grid-template-columns:minmax(0,var(--space-2xl)) minmax(0,1fr) minmax(0,auto);align-items:start;gap:var(--space-xl);min-inline-size:0;padding-block:var(--space-xl);color:var(--color-ink);transition:color var(--dur-short) var(--ease-out)}.duomei-skill-number{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:1.4}.duomei-skill-copy{display:grid;gap:var(--space-sm);min-inline-size:0}.duomei-skill-copy strong{min-inline-size:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-style:normal;font-weight:700;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere}.duomei-skill-copy small{color:var(--color-muted-strong);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}.duomei-skill-copy>span:not(.duomei-skill-tags){max-inline-size:var(--layout-reading);color:var(--color-muted-strong);font-size:var(--text-base);line-height:1.65}.duomei-skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-block-start:var(--space-xs)}.duomei-skill-tags i{color:var(--color-muted);font-size:var(--text-sm);font-style:normal;line-height:1.4}.duomei-skill-open{align-self:center;color:var(--color-accent);font-size:var(--text-sm);line-height:1}.duomei-skill-open b{font-weight:400}.duomei-skills-sr-only{position:absolute;inline-size:var(--rule-hairline);block-size:var(--rule-hairline);padding:0;margin:calc(var(--rule-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.duomei-skills-intro a:hover,.duomei-skills-directory li>a:hover .duomei-skill-open{color:var(--color-ink)}}@media(max-width:48rem){.duomei-skills-page{padding-block-start:var(--space-3xl)}.duomei-skills-intro{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-block-end:var(--space-xl)}.duomei-skills-intro p{font-size:var(--text-base)}.duomei-skills-directory{padding-block-start:var(--space-xl)}.duomei-skills-directory li>a{grid-template-columns:minmax(0,var(--space-lg)) minmax(0,1fr);grid-template-areas:"number copy" ". open";gap:var(--space-md);padding-block:var(--space-xl)}.duomei-skill-number{grid-area:number}.duomei-skill-copy{grid-area:copy}.duomei-skill-open{grid-area:open;justify-self:start;margin-block-start:var(--space-sm)}}@media(prefers-reduced-motion:reduce){.duomei-skills-directory li>a{transition-duration:var(--dur-micro)}}:root{color:#222;background:#f8f5ef;font-family:Inter,Noto Sans SC,Source Han Sans SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f8f5ef;--ink: #222222;--muted: #77736b;--line: rgba(34, 34, 34, .1);--paper: #fffdf7;--accent: #6f7d63;--accent-dark: #46543e;--caramel: #b88455;--radius: 24px;--shadow: 0 24px 60px rgba(65, 55, 39, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.8),transparent 28rem),linear-gradient(135deg,#f8f5ef,#f4efe6)}body.menu-open,body.intro-playing,body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{overflow:hidden}.page-transition{animation:pageFadeSlide .52s cubic-bezier(.2,.72,.18,1) both}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.intro-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#f8f5ef;animation:introExit 1.65s ease both}.intro-overlay div{display:grid;gap:12px;text-align:center;animation:introText 1.35s ease both}.intro-overlay strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,13vw,8rem);font-weight:500;line-height:.9}.intro-overlay span,.intro-overlay em{color:var(--muted);font-style:normal;letter-spacing:.16em;text-transform:uppercase}@keyframes introText{0%{opacity:0;transform:translateY(16px) scale(.98)}35%,70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.99)}}@keyframes introExit{0%,76%{opacity:1}to{opacity:0;visibility:hidden}}.site-header{position:fixed;top:0;left:50%;z-index:50;display:flex;width:min(1200px,calc(100% - 32px));align-items:center;justify-content:space-between;transform:translate(-50%);padding:18px 0;color:var(--ink)}.site-header:before{position:absolute;inset:10px -14px;z-index:-1;content:"";border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#f8f5efc7;box-shadow:0 10px 32px #2d282014;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-flex;align-items:baseline;gap:9px;font-weight:700;letter-spacing:0}.logo span:first-child{font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.logo span:last-child{color:var(--muted);font-size:.88rem}.desktop-nav{display:flex;gap:24px;color:var(--muted);font-size:.84rem}.front-auth-actions{display:flex;align-items:center;gap:8px}.front-pill,.front-edit-button,.card-edit-actions button{border:1px solid rgba(34,34,34,.1);border-radius:999px;background:#fffdf7c2;color:var(--accent-dark);cursor:pointer;padding:8px 11px;font-size:.75rem;font-weight:700;box-shadow:0 10px 24px #41372714;transition:transform .22s ease,background .22s ease,border-color .22s ease}.front-pill:hover,.front-edit-button:hover,.card-edit-actions button:hover{transform:translateY(-2px);background:#fffdf7;border-color:#6f7d6347}.front-pill.is-on{background:#6f7d6324}.edit-mode-banner{position:fixed;top:78px;left:50%;z-index:55;width:min(720px,calc(100% - 28px));transform:translate(-50%);border:1px solid rgba(111,125,99,.18);border-radius:999px;background:#fffdf7db;color:var(--accent-dark);padding:10px 16px;text-align:center;font-size:.85rem;font-weight:700;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-nav a,.site-footer a{transition:color .22s ease,transform .22s ease}.desktop-nav a:hover,.site-footer a:hover{color:var(--accent-dark);transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.08em}.mobile-menu{pointer-events:none;position:fixed;inset:0;z-index:-1;display:grid;min-height:100vh;place-items:center;background:#f8f5eff5;opacity:0;transform:translateY(-12px);transition:opacity .32s ease,transform .32s ease}.mobile-menu.is-open{pointer-events:auto;opacity:1;transform:translateY(0)}.mobile-menu nav{display:grid;gap:18px;text-align:center}.mobile-menu a{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,11vw,4.4rem);opacity:0;transform:translateY(18px);transition:opacity .36s ease,transform .36s ease;transition-delay:calc(var(--i) * 45ms)}.mobile-menu.is-open a{opacity:1;transform:translateY(0)}.hero,.section,.log-strip,.site-footer{width:min(1200px,calc(100% - 40px));margin:0 auto}.mask-scroll{position:relative}.mask-panel{position:sticky;top:0;z-index:var(--panel-index, 1);min-height:100vh;overflow:visible;background:var(--panel-bg, var(--bg));box-shadow:0 -18px 44px #4137270f;clip-path:inset(0 round 28px 28px 0 0)}.mask-panel:nth-child(1){--panel-index: 1}.mask-panel:nth-child(2){--panel-index: 2}.mask-panel:nth-child(3){--panel-index: 3}.mask-panel:nth-child(4){--panel-index: 4}.mask-panel:nth-child(5){--panel-index: 5}.mask-panel:nth-child(6){--panel-index: 6}.mask-panel:nth-child(7){--panel-index: 7}.mask-panel:nth-child(8){--panel-index: 8}.mask-panel-inner{min-height:100vh;transform:translateY(0);transition:transform .7s ease}.mask-panel:hover .mask-panel-inner{transform:translateY(-4px)}.mask-hero{--panel-bg: #f8f5ef}.mask-journey{--panel-bg: #fbf8f1}.mask-photo{--panel-bg: #f1ebdf}.mask-notes{--panel-bg: #fffaf0}.mask-essays{--panel-bg: #f1eee8}.mask-ai{--panel-bg: #edf1e8}.mask-profile{--panel-bg: #fbf8f1}.mask-contact{--panel-bg: #eee7dc}.mask-scroll.is-disabled .mask-panel,body.front-editing .mask-panel{position:relative;min-height:auto;clip-path:none}.mask-scroll.is-disabled .mask-panel-inner,body.front-editing .mask-panel-inner{min-height:auto;transform:none}.hero{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:72px;padding:128px 0 88px}.eyebrow{margin:0 0 18px;color:var(--accent-dark);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0}h1{max-width:720px;margin-bottom:24px;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(3rem,7.2vw,6.8rem);font-weight:500;line-height:.98}h2{margin-bottom:16px;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:500;line-height:1}h3{margin-bottom:10px;font-size:1.12rem;line-height:1.35}.hero-text,.hero-subtitle,.section-intro,.contact-section p,.profile-card p,.ai-copy p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.9}.hero-text{max-width:580px}.hero-subtitle{max-width:620px;margin-top:-8px;color:var(--accent-dark);font-size:.95rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;padding:0 22px;border:1px solid var(--line);cursor:pointer;font-weight:700;transition:transform .22s ease,background .22s ease,border-color .22s ease}.button:hover{transform:translateY(-3px)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fffdf7}.button.secondary{background:#fffdf7b8;color:var(--accent-dark)}.hero-visual{position:relative;min-height:620px;perspective:1200px;transform:rotateX(calc(var(--py, 0) * 1deg)) rotateY(calc(var(--px, 0) * 1deg));transition:transform .26s ease}.visual-card{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.66);border-radius:32px;box-shadow:var(--shadow)}.visual-card:before{position:absolute;inset:0;content:"";background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%),repeating-linear-gradient(120deg,rgba(255,255,255,.12) 0 2px,transparent 2px 13px)}.visual-card span,.visual-card strong,.visual-card em{position:relative}.visual-card span{color:#22222294;font-size:.78rem;font-weight:700;text-transform:uppercase}.visual-card strong{margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:500}.visual-card em{margin-top:10px;color:#22222294;font-style:normal}.visual-card-large{inset:38px 0 auto 64px;width:min(460px,78vw);height:520px;padding:36px;background:radial-gradient(circle at 35% 20%,#fff7dc 0 9%,transparent 10%),linear-gradient(150deg,#d4dfc9,#b9c8bc 44%,#e7c08d)}.visual-card-note{top:0;left:0;width:210px;height:170px;padding:24px;background:linear-gradient(140deg,#fffdf7,#eadfc8)}.visual-card-night{right:6px;bottom:88px;width:220px;height:190px;padding:24px;background:linear-gradient(140deg,#d7d2c4,#6f7d63);color:#fffdf7}.visual-card-night span,.visual-card-night em{color:#fffdf7b8}.visual-card-photo{left:40px;bottom:28px;width:240px;height:160px;padding:24px;background:linear-gradient(140deg,#f1dac2,#b88455)}.float-soft{animation:floatSoft 7s ease-in-out infinite}.delay-one{animation-delay:-1.7s}.delay-two{animation-delay:-3.1s}.delay-three{animation-delay:-4.2s}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.log-strip{padding:12px 0 32px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{display:flex;width:max-content;animation:marquee 34s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{display:inline-flex;align-items:center;padding:18px 32px;color:var(--muted);white-space:nowrap}.marquee span:before{width:7px;height:7px;margin-right:16px;border-radius:50%;background:var(--caramel);content:""}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.section{padding:96px 0}.section-heading{max-width:720px;margin-bottom:42px}.journey-grid,.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journey-card,.photo-card,.note-card,.profile-card,.contact-section,.message-card{border:1px solid rgba(34,34,34,.08);background:#fffdf7a8;box-shadow:0 18px 48px #41372712}.journey-card,.photo-card,.note-card{position:relative;overflow:hidden;border-radius:var(--radius);transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.archive-card{overflow:hidden;border:1px solid rgba(34,34,34,.08);border-radius:var(--radius);background:#fffdf7a8;box-shadow:0 18px 48px #41372712;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.journey-card:hover,.photo-card:hover,.note-card:hover,.archive-card:hover{transform:translateY(-6px);background:#fffdf7eb;border-color:#6f7d6352;box-shadow:var(--shadow)}.journey-card:hover .image-field,.photo-card:hover .image-field{transform:scale(1.04)}.journey-card:hover h3,.photo-card:hover h3{transform:translateY(-2px)}.image-field{position:relative;display:grid;overflow:hidden;place-items:end start;padding:20px;border-radius:20px;transition:transform .5s ease}.image-field:after{position:absolute;inset:16px;border:1px solid rgba(255,255,255,.45);border-radius:16px;content:""}.image-field span{position:relative;z-index:1;color:#2222229e;font-size:.78rem;font-weight:700}.ratio-4-3{aspect-ratio:4 / 3}.ratio-3-2{aspect-ratio:3 / 2}.card-body{padding:22px}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--muted);font-size:.78rem}.card-body p,.photo-card p,.note-card p{color:var(--muted);line-height:1.72}.journey-card h3,.photo-card h3{transition:transform .22s ease}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{border:1px solid rgba(111,125,99,.24);border-radius:999px;padding:7px 10px;color:var(--accent-dark);font-size:.75rem}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter-row button{border:1px solid var(--line);border-radius:999px;background:#fffdf78f;color:var(--muted);cursor:pointer;padding:10px 15px;transition:transform .22s ease,background .22s ease,color .22s ease}.filter-row button:hover,.filter-row button.is-active{background:var(--accent);color:#fffdf7;transform:translateY(-2px)}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-card{padding:10px}.photo-card div:last-child{padding:14px 8px 8px}.photo-card:nth-child(5n+1),.photo-card:nth-child(5n+4){grid-column:span 2}.archive-page{padding-top:96px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ratio-16-10{aspect-ratio:16 / 10}.notes-section{position:relative}.note-card{padding:28px;background:linear-gradient(180deg,#fffdf7f5,#faf5ebf5),repeating-linear-gradient(0deg,transparent 0 31px,rgba(111,125,99,.06) 31px 32px)}.note-quote{color:var(--accent-dark)!important;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:1.22rem}.essay-list{overflow:hidden;border-top:1px solid var(--line)}.essay-row{position:relative;display:block;border-bottom:1px solid var(--line);transition:background .22s ease,transform .22s ease}.essay-row>a{display:grid;grid-template-columns:160px minmax(0,1fr) 80px;align-items:center;gap:20px;padding:26px 18px}.essay-row:hover{background:#fffdf7b8;transform:translate(6px)}.essay-row span,.essay-row time{color:var(--muted);font-size:.82rem}.essay-row strong{font-size:clamp(1.2rem,2.3vw,2rem);font-weight:500}.ai-section{padding-top:88px}.ai-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:42px;align-items:start}.ai-copy{position:sticky;top:120px}.ai-form{display:grid;gap:12px;margin-top:28px}.ai-form input{min-height:56px;width:100%;border:1px solid var(--line);border-radius:999px;background:#fffdf7bd;color:var(--ink);outline:none;padding:0 20px;transition:border-color .22s ease,box-shadow .22s ease}.ai-form input:focus{border-color:#6f7d6375;box-shadow:0 0 0 4px #6f7d631a}.message-wall{display:grid;gap:14px}.message-card{position:relative;border-radius:22px;padding:24px;transition:transform .24s ease,background .24s ease}.thinking-card{animation:paperDrop .6s ease both}@keyframes paperDrop{0%{opacity:0;transform:translateY(-16px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.message-card:nth-child(2n){margin-left:42px;background:#efe5d380}.message-card:hover{transform:translateY(-4px);background:#fffdf7eb}.message-card span{color:var(--caramel);font-size:.75rem;font-weight:700;text-transform:uppercase}.message-card p{margin:10px 0 0;color:var(--ink);font-size:1.05rem;line-height:1.75}.profile-card{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:center;border-radius:32px;padding:42px}.profile-mark{display:grid;aspect-ratio:1;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e8d9bd,#b8c5ae);color:#fffdf7;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:3.5rem;box-shadow:inset 0 0 0 1px #ffffff5c}.profile-tags{margin-top:24px}.contact-section{position:relative;max-width:860px;border-radius:32px;padding:58px;text-align:center}.contact-section h2{margin-bottom:18px}.contact-actions{justify-content:center}.footer-illustration{width:min(1200px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,360px);align-items:center;justify-content:end;gap:36px;padding:96px 0 72px}.footer-illustration-copy{justify-self:end;color:var(--muted);text-align:right}.footer-illustration-copy p{margin-bottom:10px;color:var(--ink);font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:.04em}.footer-illustration-copy span{font-size:.92rem}.tami-mascot-svg{width:min(360px,100%);justify-self:end;overflow:visible}.tami-mascot-svg,.tami-mascot-svg *{vector-effect:non-scaling-stroke}.tami-mascot-svg path,.tami-mascot-svg circle,.tami-mascot-svg rect{stroke:#3e3b35;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;fill:none}.tami-mascot-svg .skin-fill{fill:#f3dfc9}.tami-mascot-svg .hair-fill{fill:#3e3b35}.tami-mascot-svg .hoodie-fill{fill:#f7f1e6}.tami-mascot-svg .pants-fill,.tami-mascot-svg .bag-fill{fill:#d7bea0}.tami-mascot-svg .guilin-fill,.tami-mascot-svg .tram-fill,.tami-mascot-svg .notebook-fill{fill:#aeb79d}.tami-mascot-svg .camera-fill,.tami-mascot-svg .lens-fill{fill:#6f7d63}.tami-mascot-svg .star,.tami-mascot-svg .dot-star{fill:#d5ad6c;stroke:#d5ad6c}.tami-mascot-svg .moon{stroke:#e3c98d}.tami-mascot-svg .soft-shadow{stroke:#b8845538;stroke-width:8}.body-sway{transform-origin:204px 222px;animation:mascotSway 4.8s ease-in-out infinite}.footer-illustration:hover .body-sway{animation-name:mascotSwayHover}.camera-float,.backpack-float{animation:mascotFloat 4.2s ease-in-out infinite}.backpack-float{animation-delay:-1.4s}.star,.dot-star{animation:starTwinkle 3.8s ease-in-out infinite}.star-two,.dot-star.delay{animation-delay:-1.8s}.bird{animation:birdDrift 5.2s ease-in-out infinite}.bird-two{animation-delay:-2s}@keyframes mascotSway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes mascotSwayHover{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes starTwinkle{0%,to{opacity:.48;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}@keyframes birdDrift{0%,to{transform:translate(-3px)}50%{transform:translate(4px)}}.site-footer{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;border-top:1px solid var(--line);padding:34px 0 42px;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;font-size:.86rem}.site-footer p{grid-column:1 / -1;margin:0;font-size:.82rem}.editable-block{outline:1px dashed rgba(111,125,99,.42);outline-offset:8px}.editable-actions{position:absolute;top:18px;right:18px;z-index:20;display:flex;gap:8px}.section-front-actions{display:flex;justify-content:flex-end;margin:-28px 0 24px}.card-edit-actions{position:absolute;top:12px;right:12px;z-index:24;display:flex;gap:7px;opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease}.journey-card:hover .card-edit-actions,.photo-card:hover .card-edit-actions,.note-card:hover .card-edit-actions,.essay-row:hover .card-edit-actions,.message-card:hover .card-edit-actions,body.front-editing .card-edit-actions{opacity:1;transform:translateY(0)}.card-edit-actions .danger{color:#9d4d3d;border-color:#9d4d3d2e}.front-drawer-layer{position:fixed;inset:0;z-index:90;pointer-events:none}.front-delete-confirm{position:fixed;left:50%;bottom:24px;z-index:95;display:flex;flex-wrap:wrap;align-items:center;gap:10px;transform:translate(-50%);border:1px solid rgba(157,77,61,.18);border-radius:999px;background:#fffdf7eb;box-shadow:var(--shadow);padding:10px 12px 10px 16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.front-delete-confirm span{color:#7d3b31;font-size:.86rem;font-weight:700}.front-delete-confirm button{border:1px solid var(--line);border-radius:999px;background:#fffdf7;color:var(--accent-dark);cursor:pointer;padding:8px 11px;font-size:.78rem;font-weight:700}.front-drawer-backdrop{position:absolute;inset:0;border:0;background:#22222229;pointer-events:auto}.front-edit-drawer{position:absolute;top:18px;right:18px;bottom:18px;width:min(460px,calc(100% - 36px));overflow:auto;border:1px solid rgba(34,34,34,.08);border-radius:28px;background:#f8f5ef;box-shadow:0 30px 80px #2222222e;padding:28px;pointer-events:auto;animation:drawerIn .28s ease both}@keyframes drawerIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.drawer-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.drawer-title-row h2{font-size:2rem}.front-drawer-form{display:grid;gap:14px}.front-drawer-form label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}.front-drawer-form input,.front-drawer-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fffdf7;color:var(--ink);outline:none;padding:12px 13px}.front-drawer-form textarea{resize:vertical}.drawer-actions{display:flex;gap:10px;margin-top:8px}.detail-page{width:min(1000px,calc(100% - 40px));margin:0 auto;padding:140px 0 96px}.detail-paper{border:1px solid rgba(34,34,34,.08);border-radius:34px;background:linear-gradient(180deg,#fffdf7f5,#faf5ebf5),repeating-linear-gradient(0deg,transparent 0 35px,rgba(111,125,99,.05) 35px 36px);box-shadow:var(--shadow);padding:clamp(28px,6vw,72px);transform-origin:top center;animation:paperOpen .68s cubic-bezier(.2,.72,.18,1) both}@keyframes paperOpen{0%{opacity:0;transform:translateY(32px) scaleY(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}}.back-link{display:inline-flex;margin-bottom:26px;color:var(--accent-dark);font-weight:700}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;color:var(--muted)}.detail-meta span{border:1px solid var(--line);border-radius:999px;padding:8px 12px}.detail-cover{aspect-ratio:16 / 9;margin-bottom:34px}.detail-excerpt{color:var(--accent-dark);font-size:1.3rem;line-height:1.8}.detail-body{margin-top:28px;color:var(--muted);font-size:1.06rem;line-height:2}.not-found-paper{text-align:center}[data-reveal]{opacity:0;filter:blur(8px);transform:translateY(40px) scale(.985);transition:opacity .72s ease,filter .72s ease,transform .72s cubic-bezier(.2,.72,.18,1)}[data-reveal].is-visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.tone-marine,.tone-river{background:linear-gradient(145deg,#c6d7d9,#7896a2 58%,#e8c08c)}.tone-sky,.tone-cloud{background:linear-gradient(145deg,#e8eee9,#a9c1c5 48%,#d9c7a8)}.tone-cacao,.tone-lantern,.tone-shrine{background:linear-gradient(145deg,#f0d5b5,#b88455 56%,#6f7d63)}.tone-lotus,.tone-paper{background:linear-gradient(145deg,#f4e5d8,#cbd5bc 52%,#9dac91)}.tone-moss,.tone-sakai{background:linear-gradient(145deg,#d8ddcf,#6f7d63 58%,#cab38a)}.tone-mist,.tone-guilin{background:linear-gradient(145deg,#e6e0d0,#acb9a9 46%,#6e8076)}.tone-rain,.tone-window{background:linear-gradient(145deg,#d5d0c5,#9babae 48%,#f3dfbf)}.tone-dawn{background:linear-gradient(145deg,#efe0cf,#d6b997 48%,#a1aa98)}.admin-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr);background:#f5f1e9}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#fffdf7;padding:28px}.admin-sidebar>div{display:grid;gap:6px;margin-bottom:34px}.admin-sidebar strong{font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.admin-sidebar span{color:var(--muted);font-size:.82rem}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a,.admin-sidebar button,.admin-view-site{border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;padding:12px 14px;text-align:left;transition:background .2s ease,color .2s ease}.admin-sidebar a.active,.admin-sidebar a:hover,.admin-sidebar button:hover{background:#6f7d631c;color:var(--accent-dark)}.admin-view-site{display:block;margin-top:28px}.admin-main{padding:36px}.admin-panel,.admin-login-card{border:1px solid rgba(34,34,34,.08);border-radius:28px;background:#fffdf7db;box-shadow:0 18px 48px #41372712;padding:clamp(24px,4vw,42px)}.admin-panel h1,.admin-login-card h1{font-size:clamp(2rem,4vw,3.8rem)}.admin-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f8f5ef}.admin-login-card{display:grid;width:min(520px,100%);gap:16px}.admin-login-card label,.editor-form label{display:grid;gap:8px;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:lowercase}.admin-login-card input,.editor-form input,.editor-form textarea,.editor-form select{width:100%;border:1px solid var(--line);border-radius:16px;background:#fffdf7;color:var(--ink);outline:none;padding:13px 14px}.editor-form textarea{resize:vertical}.admin-error{color:#9d4d3d}.admin-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{border:1px solid var(--line);border-radius:20px;background:#fffdf7;padding:22px}.stat-card span{color:var(--muted)}.stat-card strong{display:block;margin-top:14px;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:500}.admin-table-wrap{overflow-x:auto}.delete-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;border:1px solid rgba(157,77,61,.22);border-radius:18px;background:#9d4d3d0f;padding:14px}.delete-confirm span{color:#7d3b31;font-weight:700}.delete-confirm button{border:1px solid var(--line);border-radius:999px;background:#fffdf7;color:var(--accent-dark);cursor:pointer;padding:9px 12px;font-weight:700}.admin-table{width:100%;min-width:920px;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:15px 10px;text-align:left;vertical-align:top}.admin-table th{color:var(--muted);font-size:.78rem}.admin-table td:last-child{display:flex;gap:10px}.admin-table button,.admin-table a{border:0;background:transparent;color:var(--accent-dark);cursor:pointer;font-weight:700}.editor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.editor-form .wide,.editor-actions{grid-column:1 / -1}.check-label{display:flex!important;align-items:center;gap:10px!important}.check-label input{width:auto}.editor-actions{display:flex;align-items:center;gap:14px}.saved-pill{border-radius:999px;background:#6f7d631f;color:var(--accent-dark);padding:9px 13px;font-weight:700}.admin-drawer-toggle{display:none}@media(max-width:960px){.desktop-nav{display:none}.site-header>.front-auth-actions{display:none}.mobile-menu .front-auth-actions{justify-content:center;margin-top:12px}.mask-panel{position:relative;min-height:auto;clip-path:none}.mask-panel-inner{min-height:auto;transform:none}.menu-toggle{display:inline-flex}.hero{grid-template-columns:1fr;gap:24px;padding-top:118px}.hero-visual{min-height:520px}.visual-card-large{left:10%;width:72%;height:430px}.journey-grid,.notes-grid,.archive-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-layout,.profile-card{grid-template-columns:1fr}.ai-copy{position:static}.profile-mark{width:min(220px,100%)}.admin-shell{grid-template-columns:1fr}.admin-drawer-toggle{position:fixed;top:16px;right:16px;z-index:70;display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#fffdf7;color:var(--accent-dark);padding:10px 14px;font-weight:700}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:min(320px,84vw);transform:translate(-100%);transition:transform .26s ease}.admin-sidebar.is-open{transform:translate(0)}.admin-main{padding:80px 18px 28px}.stat-grid,.editor-form{grid-template-columns:1fr}}@media(max-width:640px){.site-header,.hero,.section,.log-strip,.site-footer{width:min(100% - 28px,1200px)}.site-header:before{inset:8px -8px}.hero{min-height:auto;padding-bottom:64px}h1{font-size:clamp(2.72rem,14vw,4.2rem)}.hero-actions,.contact-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-visual{min-height:430px}.visual-card{border-radius:24px}.visual-card-large{inset:34px auto auto 8%;width:80%;height:330px;padding:26px}.visual-card-note{width:150px;height:130px;padding:18px}.visual-card-night{right:0;bottom:70px;width:160px;height:138px;padding:18px}.visual-card-photo{left:6px;bottom:22px;width:174px;height:128px;padding:18px}.section{padding:64px 0}.journey-grid,.notes-grid,.photo-grid,.archive-grid{grid-template-columns:1fr}.photo-card:nth-child(5n+1),.photo-card:nth-child(5n+4){grid-column:auto}.essay-row{grid-template-columns:1fr;gap:8px;padding:22px 4px}.message-card:nth-child(2n){margin-left:0}.profile-card,.contact-section{border-radius:24px;padding:26px}.footer-illustration{min-height:auto;grid-template-columns:1fr;justify-items:center;gap:18px;padding:72px 0 54px;text-align:center}.footer-illustration-copy{justify-self:center;text-align:center}.tami-mascot-svg{width:min(240px,100%);justify-self:center}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.admin-title-row{align-items:stretch;flex-direction:column}.front-edit-drawer{inset:0;width:100%;border-radius:0}.drawer-actions{flex-direction:column}.editable-actions{top:10px;right:10px}.section-front-actions{justify-content:flex-start;margin:-18px 0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.body-sway,.camera-float,.backpack-float,.star,.dot-star,.bird{animation:none!important}}.duomei-header{position:fixed;top:0;left:0;z-index:120;display:flex;width:100%;align-items:center;justify-content:space-between;padding:28px 42px;background:#f8f5efb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.duomei-brand{display:grid;gap:2px}.duomei-brand strong{color:#1f1f1d;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;letter-spacing:.08em}.duomei-brand span{color:#6d675e;font-size:.84rem}.duomei-header nav{display:flex;align-items:center;gap:28px}.duomei-header nav a,.duomei-header nav button{border:0;background:transparent;color:#1f1f1d;cursor:pointer;font-weight:700}.duomei-menu-toggle{display:none}.duomei-menu-toggle span{display:block;width:4px;height:4px;border-radius:50%;background:#20201d;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.16,1,.3,1)}.duomei-site{background:#f8f5ef}.duomei-hero{position:relative;display:grid;min-height:100vh;place-items:end center;padding:118px 32px 0;overflow:hidden}.duomei-hero:after{position:absolute;left:-5%;right:-5%;bottom:-48px;height:112px;border-top:7px solid #20201d;border-radius:50% 50% 0 0/100% 100% 0 0;background:#efe7dc;box-shadow:0 -18px 40px #20201d14;content:""}.hero-illustration{width:min(980px,94vw);margin-bottom:-8px;overflow:visible;animation:duomeiHeroEnter .9s ease both,duomeiIllustrationSway 4.8s ease-in-out .9s infinite}.hero-illustration path,.hero-illustration rect,.hero-illustration circle{fill:none;stroke:#2f2f2b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hero-hill-fill,.hero-tram-fill{fill:#abb59e!important}.hero-top-fill,.hero-book-fill{fill:#f7f1e7!important}.hero-pants-fill,.hero-bag-fill{fill:#d8bea0!important}.hero-skin-fill{fill:#f2ddc8!important}.hero-hair-fill{fill:#2f2f2b!important}.hero-camera-fill{fill:#6f7d63!important}.hero-lens-fill{fill:#d8bea0!important}.hero-camera-accent{fill:#d8b566!important}.hero-moon,.hero-star,.hero-star-dot{stroke:#d0a862!important;fill:#d0a862!important;animation:duomeiTwinkle 4s ease-in-out infinite}.hero-bird{animation:duomeiBird 5s ease-in-out infinite}.hero-person{transform-origin:440px 310px}.hero-draw-group{opacity:0;animation:heroGroupReveal .42s ease-out both;animation-delay:var(--draw-delay)}.hero-draw-group path,.hero-draw-group rect,.hero-draw-group circle{stroke-dasharray:900;stroke-dashoffset:900;animation:heroLineDraw var(--draw-duration, 1.35s) cubic-bezier(.16,1,.3,1) both;animation-delay:var(--draw-delay)}.hero-draw-group .hero-fill,.hero-draw-group .hero-hill-fill,.hero-draw-group .hero-tram-fill,.hero-draw-group .hero-top-fill,.hero-draw-group .hero-book-fill,.hero-draw-group .hero-pants-fill,.hero-draw-group .hero-bag-fill,.hero-draw-group .hero-skin-fill,.hero-draw-group .hero-hair-fill,.hero-draw-group .hero-camera-fill,.hero-draw-group .hero-lens-fill,.hero-draw-group .hero-camera-accent{opacity:0;animation:heroLineDraw var(--draw-duration, 1.35s) cubic-bezier(.16,1,.3,1) both,heroFillBloom .7s ease-out both;animation-delay:var(--draw-delay),calc(var(--draw-delay) + .52s)}@keyframes heroGroupReveal{to{opacity:1}}@keyframes heroLineDraw{to{stroke-dashoffset:0}}@keyframes heroFillBloom{0%{opacity:0}to{opacity:1}}@keyframes duomeiHeroEnter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes duomeiIllustrationSway{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}@keyframes duomeiTwinkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes duomeiBird{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.bounce-name{position:relative;z-index:2;margin:-18px 0 26px;text-align:center;animation:duomeiNamePop .9s cubic-bezier(.18,1.34,.38,1) .52s both}.bounce-name h1{margin:0;color:#242421;font-family:Arial,Helvetica Neue,sans-serif;font-size:clamp(4.6rem,11vw,8.4rem);font-weight:900;letter-spacing:.18em;text-shadow:0 12px 20px rgba(32,32,29,.16)}.bounce-name p{margin:8px 0;color:#4b473f;font-size:1.1rem;font-weight:700}.bounce-name span{color:#77736b;font-size:.95rem}@keyframes duomeiNamePop{0%{opacity:0;transform:translateY(72px) scale(.96)}72%{opacity:1;transform:translateY(-8px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.duomei-notes-section{position:relative;min-height:100vh;padding:118px 0 110px;background:#efe7dc}.mask-curve{position:absolute;left:50%;top:-34px;width:1px;height:76px;background:#20201d}.duomei-section-heading{width:min(1200px,calc(100% - 40px));margin:0 auto 36px;text-align:center}.duomei-section-heading p{color:#77736b;font-size:.9rem}.duomei-section-heading h2{margin:8px 0;font-size:clamp(2.4rem,6vw,4.4rem)}.duomei-section-heading span{color:#77736b}.duomei-section-heading button,.duomei-card-actions button,.carousel-button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7db;color:#20201d;cursor:pointer;padding:10px 14px;box-shadow:0 12px 26px #20201d14}.duomei-section-heading button{display:inline-flex;margin-top:18px}.notes-carousel-shell{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:visible}.notes-carousel{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px max(40px,calc((100vw - 1200px)/2)) 28px}.duomei-note-card{position:relative;flex:0 0 min(360px,78vw);overflow:hidden;scroll-snap-align:start;border:2px solid rgba(32,32,29,.12);border-radius:18px;background:#fffdf7;box-shadow:0 22px 52px #20201d1a;transition:transform .24s ease,box-shadow .24s ease}.duomei-note-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px #20201d24}.duomei-note-card img,.note-cover-placeholder{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.note-cover-placeholder{position:relative;background:#f8f5ef}.note-cover-placeholder svg{width:100%;height:100%}.note-cover-placeholder path{fill:none;stroke:#34332f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.note-cover-placeholder .cover-hill{fill:#b3bca9}.note-cover-placeholder .cover-tram{fill:#acb79d}.note-cover-placeholder .cover-moon{stroke:#d0a862}.note-cover-placeholder div{position:absolute;inset:auto 18px 18px;display:grid;gap:6px}.note-cover-placeholder span{justify-self:start;border:1px solid rgba(32,32,29,.14);border-radius:999px;background:#fffdf7cc;padding:6px 10px;color:#4f5949;font-size:.78rem}.note-cover-placeholder strong{color:#242421;font-size:1.2rem}.note-card-body{padding:18px}.note-card-meta,.note-card-foot{display:flex;justify-content:space-between;gap:12px;color:#77736b;font-size:.82rem}.note-card-body h3{margin:14px 0 8px;font-size:1.35rem}.note-card-body p{color:#77736b;line-height:1.7}.note-card-foot strong{color:#20201d;font-size:1.5rem}.carousel-button{position:absolute;top:50%;z-index:5;width:48px;height:48px;transform:translateY(-50%)}.carousel-button.prev{left:28px}.carousel-button.next{right:28px}.duomei-card-actions{position:absolute;top:12px;right:12px;z-index:6;display:flex;gap:8px}.duomei-edit-banner,.duomei-delete-confirm{position:fixed;left:50%;z-index:90;transform:translate(-50%);border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7eb;padding:10px 16px;box-shadow:0 16px 36px #20201d1a}.duomei-edit-banner{top:88px}.duomei-delete-confirm{bottom:24px;display:flex;align-items:center;gap:10px;width:min(420px,calc(100vw - 28px));max-width:min(420px,calc(100vw - 28px));border-radius:28px;padding:14px;flex-wrap:wrap;justify-content:center;text-align:center}.duomei-delete-confirm button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;font-weight:700;min-width:96px;padding:10px 14px}.duomei-delete-confirm div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.duomei-delete-confirm em{flex-basis:100%;color:#7d3b31;font-size:.82rem;font-style:normal;line-height:1.5}.duomei-delete-confirm button.danger{color:#7d3b31;border-color:#7d3b3138}.note-drawer-layer{position:fixed;inset:0;z-index:100;overflow:hidden;overscroll-behavior:contain;touch-action:none}.note-drawer-backdrop{position:absolute;inset:0;border:0;background:#20201d29;touch-action:none}.note-edit-drawer{position:absolute;top:18px;right:18px;bottom:18px;width:min(460px,calc(100% - 36px));overflow:auto;max-height:calc(100dvh - 36px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border:2px solid rgba(32,32,29,.1);border-radius:24px;background:#f8f5ef;box-shadow:0 28px 80px #20201d33;padding:26px}.note-drawer-head{display:flex;justify-content:space-between;gap:18px}.note-edit-drawer form{display:grid;gap:13px}.note-edit-drawer label{display:grid;gap:7px;color:#77736b;font-size:.84rem;font-weight:700}.note-edit-drawer input,.note-edit-drawer textarea,.note-edit-drawer select{border:1px solid rgba(32,32,29,.14);border-radius:12px;background:#fffdf7;padding:11px 12px}.note-drawer-actions{display:flex;gap:10px}.note-drawer-actions button,.note-edit-drawer>.note-drawer-head button,.ai-cover-button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;padding:10px 14px}.ai-cover-message{color:#6f7d63;font-size:.86rem}.duomei-detail,.duomei-about{width:min(980px,calc(100% - 40px));margin:0 auto;padding:150px 0 100px}.duomei-detail article{border-top:5px solid #20201d}.detail-cover-wrap{margin:30px 0;overflow:hidden;border-radius:22px}.detail-cover-wrap img{width:100%;max-height:560px;object-fit:cover}.detail-category{color:#6f7d63;font-weight:700}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 34px}.detail-tags span{border:1px solid rgba(32,32,29,.12);border-radius:999px;padding:7px 10px}.detail-body{color:#57534c;font-size:1.06rem;line-height:2}.duomei-footer{display:flex;width:min(1800px,calc(100% - 128px));margin:0 auto;justify-content:space-between;gap:20px;border-top:5px solid #20201d;padding:30px 0 42px}.duomei-footer div{display:grid;gap:4px}.duomei-admin-login{display:grid;min-height:100vh;place-items:center;background:#f8f5ef}.duomei-admin-login form,.admin-note-editor form{display:grid;width:min(520px,calc(100% - 32px));gap:14px;border:2px solid rgba(32,32,29,.12);border-radius:24px;background:#fffdf7;padding:30px}.duomei-admin-login label,.admin-note-editor label{display:grid;gap:7px}.duomei-admin-login input,.admin-note-editor input,.admin-note-editor textarea,.admin-note-editor select{border:1px solid rgba(32,32,29,.14);border-radius:12px;padding:11px 12px}.duomei-admin{display:grid;min-height:100vh;grid-template-columns:240px minmax(0,1fr);background:#f8f5ef}.duomei-admin aside{display:grid;align-content:start;gap:16px;border-right:2px solid rgba(32,32,29,.12);background:#fffdf7;padding:30px}.duomei-admin section{padding:36px}.admin-note-head{display:flex;justify-content:space-between;gap:20px}.admin-note-table{display:grid;gap:12px;margin-top:24px}.admin-delete-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;padding:10px 14px}.admin-note-table article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid rgba(32,32,29,.12);border-radius:16px;background:#fffdf7;padding:16px}.admin-note-table div{display:grid;gap:5px}.admin-note-table span{color:#77736b;font-size:.86rem}.admin-note-editor{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#20201d29;overflow:auto;padding:24px}@media(max-width:760px){.duomei-header{align-items:flex-start;padding:18px}.duomei-header nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:.86rem}.duomei-hero{min-height:86vh;padding:104px 14px 0}.bounce-name h1{font-size:clamp(3rem,17vw,4.6rem);letter-spacing:.1em}.notes-carousel{gap:16px;padding:16px 18px 28px}.carousel-button{display:none}.duomei-note-card{flex-basis:82vw}.duomei-footer,.duomei-admin{grid-template-columns:1fr}.duomei-footer{flex-direction:column}.duomei-admin aside{border-right:0;border-bottom:2px solid rgba(32,32,29,.12)}.admin-note-table article{grid-template-columns:1fr}.note-edit-drawer{inset:0;width:100%;border-radius:0}}@media(prefers-reduced-motion:reduce){.hero-illustration,.hero-moon,.hero-star,.hero-star-dot,.hero-bird,.bounce-name{animation:none!important}}.duomei-site{min-height:220vh}.duomei-hero{position:sticky;top:0;z-index:1;min-height:100vh;place-items:center;padding-top:132px;padding-bottom:118px}.duomei-hero:after{display:none}.duomei-hero-stage{display:grid;justify-items:center;transform:translateY(4vh);animation:heroStageFadeOnScroll linear both;animation-timeline:scroll(root);animation-range:0 72vh}@keyframes heroStageFadeOnScroll{0%{opacity:1;transform:translateY(4vh)}to{opacity:.85;transform:translateY(calc(4vh - 40px))}}.duomei-hero-illustration{width:min(1040px,96vw);margin-bottom:-4px;overflow:visible;animation:duomeiHeroEnter .9s ease both,duomeiIllustrationSwayStrong 4s ease-in-out .9s infinite;transform-origin:50% 82%}.duomei-hero-image-frame{position:relative;display:block;width:min(1080px,96vw);height:clamp(300px,41vw,520px);margin:0 auto 24px;overflow:hidden;border-radius:0;background:transparent;pointer-events:none}.duomei-hero-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 71%;-webkit-user-select:none;user-select:none;pointer-events:none;mix-blend-mode:multiply}.duomei-hero-illustration:hover{filter:drop-shadow(0 18px 28px rgba(32,32,29,.08))}@keyframes duomeiIllustrationSwayStrong{0%,to{transform:translateY(0) rotate(-2.2deg)}50%{transform:translateY(-6px) rotate(2.2deg)}}@keyframes duomeiIllustrationSwayHover{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.bounce-name{margin:-10px 0 0;animation:none}.bounce-name h1{display:flex;justify-content:center;gap:clamp(.05em,1vw,.16em);line-height:.95}.bounce-name h1 span{display:inline-block;opacity:0;color:inherit;font-size:inherit;filter:blur(8px);transform:translateY(80px) scaleY(.9);animation:duomeiLetterPop .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.58s + var(--i) * 80ms);transform-origin:bottom center}@keyframes duomeiLetterPop{0%{opacity:0;filter:blur(8px);transform:translateY(80px) scaleY(.9)}68%{opacity:1;filter:blur(0);transform:translateY(-12px) scaleY(1.06)}to{opacity:1;filter:blur(0);transform:translateY(0) scaleY(1)}}.duomei-notes-section{z-index:2;margin-top:-16vh;padding-top:178px;border-top:0;overflow:hidden}.hero-to-notes-mask{position:absolute;left:0;right:0;top:-112px;height:150px;pointer-events:none}.hero-to-notes-mask svg{display:block;width:100%;height:100%}.mask-paper{fill:#efe7dc}.mask-line{fill:none;stroke:#20201d;stroke-width:3;vector-effect:non-scaling-stroke}.mask-curve{display:none}.duomei-section-heading{margin-bottom:44px}.notes-carousel{overflow-x:auto;overflow-y:hidden;width:100%;max-width:100vw;box-sizing:border-box;padding:18px 0 34px;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.notes-carousel::-webkit-scrollbar{display:none}.notes-empty{width:min(1200px,calc(100% - 40px));margin:20px auto 0;padding:42px;border:1px dashed rgba(32,32,29,.22);border-radius:24px;color:#77736b;text-align:center;background:#fffdf780}.notes-carousel-track{display:flex;gap:28px;padding:0 max(40px,calc((100vw - 1200px)/2));touch-action:pan-x pan-y pinch-zoom}.duomei-note-card{flex:0 0 min(360px,78vw);scroll-snap-align:start;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1)}.duomei-note-card:hover{transform:translateY(-8px);border-color:#20201d33;box-shadow:0 34px 76px #20201d2e}.note-card-cover{overflow:hidden;aspect-ratio:4 / 3;background:#f8f5ef}.duomei-note-card img,.note-cover-placeholder{height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.duomei-note-card:hover img,.duomei-note-card:hover .note-cover-placeholder{transform:scale(1.08)}.note-card-body h3{transition:transform .6s cubic-bezier(.16,1,.3,1)}.duomei-note-card:hover .note-card-body h3{transform:translateY(-3px)}.note-card-foot strong{display:inline-block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.duomei-note-card:hover .note-card-foot strong{transform:translate(6px)}.note-real-image{width:100%;height:100%;object-fit:cover}.detail-cover-wrap{aspect-ratio:2.35 / 1;max-height:min(48vh,420px);background:#f8f5ef}.detail-cover-wrap .note-cover-placeholder,.detail-cover-wrap .note-real-image,.detail-cover-wrap img{width:100%;height:100%;max-height:min(48vh,420px);object-fit:cover}.detail-note-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;width:min(100%,1120px);margin:72px auto 0}.detail-note-nav-card,.detail-note-nav-home{display:grid;align-content:center;min-height:92px;border:1px solid rgba(32,32,29,.12);border-radius:26px;background:#fffdf7b8;color:#20201d;padding:18px 22px;text-decoration:none;box-shadow:0 18px 46px #20201d14;transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s cubic-bezier(.16,1,.3,1)}.detail-note-nav-card:hover,.detail-note-nav-home:hover{transform:translateY(-3px);box-shadow:0 26px 60px #20201d1f}.detail-note-nav-card span{color:#77736b;font-size:.86rem}.detail-note-nav-card strong{overflow:hidden;margin-top:8px;text-overflow:ellipsis;white-space:nowrap}.detail-note-nav-card.align-right{text-align:right}.detail-note-nav-card.is-disabled{opacity:.46;pointer-events:none}.detail-note-nav-home{min-width:132px;justify-items:center;border-radius:999px;font-weight:600}.duomei-about>p{color:#20201d;letter-spacing:.02em}.duomei-about>div{display:grid;gap:20px}.duomei-about>div p{color:#20201d;font-size:clamp(1.08rem,2vw,1.45rem);line-height:2}.about-editing{display:grid;gap:18px}.about-eyebrow-editor,.about-title-editor,.about-paragraph-row textarea{border:1px dashed rgba(142,111,85,.34);background:#fffdf761;color:#20201d;outline:none;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.about-eyebrow-editor:focus,.about-title-editor:focus,.about-paragraph-row textarea:focus{border-color:#6f7d63b8;background:#fffdf7bd;box-shadow:0 0 0 4px #6f7d6314}.about-eyebrow-editor{width:min(220px,100%);border-radius:999px;padding:10px 14px}.about-title-editor{width:100%;min-height:1.35em;border-radius:26px;padding:12px 16px;resize:vertical;font-family:Yu Mincho,Songti SC,STSong,serif;font-size:clamp(4rem,8vw,7rem);line-height:1.14}.about-paragraph-editor{display:grid;gap:16px}.about-paragraph-row{display:grid;gap:8px}.about-paragraph-row textarea{width:100%;min-height:110px;border-radius:24px;padding:18px 20px;resize:vertical;font-size:clamp(1.08rem,2vw,1.45rem);line-height:2}.about-paragraph-row button,.about-paragraph-editor>button{justify-self:start;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;padding:10px 16px}.studio-admin{min-height:100vh;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at 84% 10%,rgba(170,182,157,.18),transparent 26rem),linear-gradient(135deg,#f8f5ef,#f2ebdf)}.studio-admin aside{position:sticky;top:0;min-height:100vh;gap:14px;border-right:1px solid rgba(32,32,29,.1);background:#fffdf794;padding:36px 26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-admin aside strong{font-family:Georgia,Times New Roman,serif;font-size:28px;letter-spacing:.04em}.studio-admin aside span{margin:-10px 0 18px;color:#77736b}.studio-admin aside a,.studio-admin aside button,.studio-admin-topbar button,.admin-utility-actions button,.studio-note-table button,.admin-delete-inline button,.duomei-admin-login button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7c7;color:#20201d;cursor:pointer;padding:11px 16px;text-align:center;text-decoration:none;box-shadow:0 12px 30px #20201d14;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1),background .26s cubic-bezier(.16,1,.3,1)}.studio-admin aside a:hover,.studio-admin aside button:hover,.studio-admin-topbar button:hover,.admin-utility-actions button:hover,.studio-note-table button:hover,.admin-delete-inline button:hover,.duomei-admin-login button:hover{transform:translateY(-2px);background:#fffdf7;box-shadow:0 18px 42px #20201d1f}.studio-admin section{display:grid;gap:24px;padding:44px min(5vw,64px) 72px}.studio-admin-topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.studio-admin-topbar>div:first-child{margin-right:auto}.studio-admin-topbar p,.studio-hero-panel p,.studio-check-panel p,.studio-publish-panel p{margin:0 0 6px;color:#77736b;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.studio-admin-topbar h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,82px);line-height:.95}.studio-status-pill,.admin-notice{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:1px solid rgba(32,32,29,.1);border-radius:999px;background:#fffdf7c2;padding:10px 14px;box-shadow:0 12px 28px #20201d14}.studio-status-pill span{width:8px;height:8px;border-radius:50%;background:#8fb6a3;box-shadow:0 0 0 6px #8fb6a329}.admin-notice.is-danger{color:#8b4a42}.studio-hero-panel,.studio-health-card,.studio-storage-card,.studio-publish-panel,.studio-check-panel,.studio-utilities,.studio-note-table article{border:1px solid rgba(32,32,29,.1);border-radius:28px;background:#fffdf79e;box-shadow:0 24px 70px #20201d14}.studio-hero-panel{padding:clamp(28px,5vw,56px)}.studio-hero-panel h2{margin:0 0 28px;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;font-size:clamp(28px,4.4vw,56px);font-weight:500;line-height:1.2}.studio-hero-panel div{display:flex;flex-wrap:wrap;gap:10px}.studio-hero-panel span{border:1px solid rgba(32,32,29,.1);border-radius:999px;background:#fffdf79e;padding:8px 12px;color:#77736b}.studio-status-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px}.studio-health-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:24px;align-items:center;padding:26px}.studio-ring{display:grid;width:132px;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle,#fffdf7 54%,transparent 56%),conic-gradient(#8fb6a3 calc(var(--score) * 1%),#20201d1a 0)}.studio-ring strong{margin-top:18px;font-size:30px}.studio-ring span{margin-top:-42px;color:#77736b}.studio-health-card p,.studio-storage-card p{margin:0 0 8px;color:#77736b}.studio-health-card h3{margin:0 0 10px;font-size:30px}.studio-health-card span,.studio-storage-card span,.studio-check-panel li,.studio-utilities p{color:#77736b;line-height:1.8}.studio-storage-card{display:grid;gap:16px;padding:26px}.studio-storage-card div{display:flex;justify-content:space-between;gap:14px;font-size:24px}.studio-storage-card i{display:block;overflow:hidden;height:14px;border-radius:999px;background:#20201d1a}.studio-storage-card b{display:block;height:100%;border-radius:inherit;background:#8fb6a3}.studio-check-panel,.studio-publish-panel,.studio-utilities{padding:26px}.studio-check-panel h2,.studio-publish-panel h2{margin-bottom:16px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:500}.studio-publish-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.studio-publish-panel span{color:#77736b;line-height:1.8}.studio-publish-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.studio-publish-actions button,.studio-publish-actions a{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7c7;color:#20201d;cursor:pointer;padding:10px 14px;text-align:center;text-decoration:none;box-shadow:0 12px 30px #20201d14}.studio-check-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:20px}.studio-utilities{display:grid;gap:16px}.studio-utilities textarea{min-height:220px;border:1px dashed rgba(142,111,85,.34);border-radius:22px;background:#fffdf785;padding:16px;outline:none}.studio-note-table{display:grid;gap:14px}.studio-note-table article{grid-template-columns:minmax(0,1fr) auto auto auto;padding:20px 24px}.studio-note-table button{min-height:36px;padding:7px 12px;box-shadow:none}.studio-note-table strong{font-size:1.12rem}.studio-notes-panel{border:1px solid rgba(32,32,29,.1);border-radius:28px;background:#fffdf79e;box-shadow:0 24px 70px #20201d14;overflow:hidden}.studio-notes-panel summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:22px 24px}.studio-notes-panel summary::-webkit-details-marker{display:none}.studio-notes-panel summary span{display:grid;gap:5px}.studio-notes-panel summary strong{font-size:1.2rem}.studio-notes-panel summary em{color:#77736b;font-style:normal;line-height:1.6}.studio-notes-panel summary b,.admin-notice button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#20201d;font-weight:600;padding:8px 13px}.studio-notes-panel .studio-note-table{padding:0 18px 18px}.admin-notice button{cursor:pointer;margin-left:8px}@media(max-width:860px){.studio-admin{grid-template-columns:1fr}.studio-admin aside{position:relative;min-height:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:22px 18px}.studio-admin aside strong,.studio-admin aside span{flex:0 0 100%}.studio-admin aside strong{font-size:clamp(28px,10vw,42px)}.studio-admin aside span{margin:-8px 0 8px}.studio-admin aside a,.studio-admin aside button,.studio-admin-topbar button{width:auto;min-height:38px;padding:8px 13px;font-size:.88rem;box-shadow:0 8px 20px #20201d0f}.studio-admin-topbar{align-items:flex-start;justify-content:flex-start}.studio-admin-topbar>div:first-child{flex:1 0 100%;margin-right:0}.studio-status-pill{min-height:38px;padding:8px 12px;font-size:.88rem}.studio-status-grid,.studio-check-panel ul,.studio-note-table article{grid-template-columns:1fr}.studio-publish-panel{grid-template-columns:1fr;align-items:start;gap:18px}.studio-publish-panel>div{min-width:0}.studio-publish-panel p,.studio-publish-panel h2,.studio-publish-panel span{writing-mode:horizontal-tb;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere}.studio-publish-panel h2{font-size:clamp(1.65rem,8vw,2.35rem);line-height:1.18}.studio-publish-actions{justify-content:flex-start}.studio-publish-actions button,.studio-publish-actions a{flex:0 1 auto;padding:9px 13px;font-size:.9rem}}.detail-edit-actions{position:sticky;top:96px;z-index:5;display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}.detail-edit-actions button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7e6;cursor:pointer;padding:10px 14px;box-shadow:0 12px 26px #20201d14}.detail-delete-confirm{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));z-index:1200;display:flex;justify-content:center;align-items:center;gap:10px;width:min(420px,calc(100vw - 28px));transform:translate(-50%);border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7f5;padding:10px 12px 10px 16px;color:#7d3b31;box-shadow:0 24px 70px #20201d29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.detail-delete-confirm button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;padding:9px 14px;white-space:nowrap}@media(max-width:560px){.detail-delete-confirm{display:grid;grid-template-columns:1fr auto auto;border-radius:30px}}.detail-status-button{color:#4c5f4f}.detail-danger-button{color:#8b4a42}.detail-body-images{display:grid;gap:20px;margin:34px 0 0}.detail-body-images img{width:100%;max-height:70vh;object-fit:cover;border-radius:24px;box-shadow:0 24px 58px #20201d1f}.note-edit-drawer{overscroll-behavior:contain;padding-bottom:max(32px,env(safe-area-inset-bottom))}.note-edit-drawer form{overscroll-behavior:contain}.body-image-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-2px 0 10px}.body-image-manager figure{margin:0;overflow:hidden;border:1px solid rgba(32,32,29,.1);border-radius:18px;background:#fffdf7cc}.body-image-manager img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.body-image-manager figcaption{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.body-image-manager button{flex:1 1 auto;min-width:54px;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;padding:6px 8px;font-size:12px}.admin-utilities{display:grid;gap:10px;margin:18px 0;padding:16px;border:1px solid rgba(32,32,29,.1);border-radius:22px;background:#fffdf7b8}.admin-utility-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-utilities textarea{min-height:170px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media(max-width:760px){.duomei-hero{position:relative;min-height:92vh;padding-top:116px;padding-bottom:72px}.duomei-hero-stage{animation:none;transform:translateY(0)}.duomei-notes-section{margin-top:-6vh;padding-top:128px}.hero-to-notes-mask{top:-82px;height:118px}.notes-carousel-track{gap:16px;padding:0 18px}.body-image-manager{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.duomei-hero-stage,.duomei-hero-illustration,.bounce-name h1 span{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}.duomei-stage{--paper: #f3ece1;min-height:220vh;background:#faf7f0}.illustration-layer{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;height:100vh;padding:94px 20px 80px;overflow:hidden;background:#faf7f0}.illustration-layer-inner{display:grid;justify-items:center;width:min(1180px,96vw);transform:translateY(-1vh);animation:illustrationLayerBreath linear both;animation-timeline:scroll(root);animation-range:0 42vh}@keyframes illustrationLayerBreath{to{opacity:.92;transform:translateY(-24px)}}.illustration-layer .duomei-hero-illustration{width:min(1080px,96vw)}.duomei-scroll-hint{margin-top:10px;color:#77736b;font-size:11px;letter-spacing:.16em}.duomei-hero-subname{margin:12px 0 0;color:#222;font-size:clamp(18px,2.2vw,28px)}.duomei-hero-line{margin:8px 0 0;color:#77736b;font-size:15px}.hero-inline-editable{min-width:80px;border:1px dashed rgba(125,100,74,.42);border-radius:999px;outline:none;cursor:text;padding:3px 10px;transition:background .22s ease,border-color .22s ease}.hero-inline-editable:hover,.hero-inline-editable:focus{border-color:#7d644ab8;background:#fffdf7b8}.paper-layer{position:relative;z-index:3;min-height:120vh;margin-top:-18vh;background:transparent}.paper-curve{position:relative;height:180px;pointer-events:none}.paper-curve svg{position:absolute;inset:0;width:100%;height:100%}.paper-fill{fill:var(--paper)}.paper-stroke{fill:none;stroke:#52685d;stroke-width:3.5;stroke-dasharray:1000;stroke-dashoffset:calc((1 - var(--paper-turn-progress, 0)) * 1000);stroke-linecap:round;vector-effect:non-scaling-stroke;will-change:stroke-dashoffset}.paper-stroke-base{fill:none;stroke:#52685d33;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.paper-body{min-height:100vh;margin-top:-1px;padding:92px 0 124px;background:var(--paper)}.notes-intro{width:min(1200px,calc(100% - 40px));margin:0 auto 44px;overflow:visible;text-align:center}.notes-intro p{margin:0 0 14px;color:#77736b}.notes-intro h2{margin:0 auto;color:#222;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans SC,Arial,sans-serif;font-size:clamp(36px,4.8vw,62px);font-weight:500;line-height:1.28;letter-spacing:.02em;padding:10px 0 12px;white-space:normal;text-rendering:optimizeLegibility}.notes-intro span{display:block;margin-top:14px;color:#77736b}.notes-intro button{margin-top:22px;border:1px solid rgba(31,31,27,.16);border-radius:999px;background:#fffdf7b8;cursor:pointer;padding:11px 18px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}.notes-intro button:hover{transform:translateY(-3px);box-shadow:0 16px 34px #20201d1a}.notes-intro.is-editable{display:grid;justify-items:center;gap:12px}.notes-intro-eyebrow,.notes-intro-title,.notes-intro-subtitle{width:min(760px,100%);border:1px dashed rgba(142,111,85,.34);border-radius:20px;background:#fffdf761;color:#222;outline:none;text-align:center;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.notes-intro-eyebrow:focus,.notes-intro-title:focus,.notes-intro-subtitle:focus{border-color:#6f7d63b8;background:#fffdf7bd;box-shadow:0 0 0 4px #6f7d6314}.notes-intro-eyebrow,.notes-intro-subtitle{min-height:40px;padding:8px 12px;color:#77736b}.notes-intro-title{display:block;height:auto;min-height:96px;overflow:visible;padding:14px 18px 16px;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans SC,Arial,sans-serif;font-size:clamp(36px,4.8vw,62px);font-weight:500;line-height:1.18;letter-spacing:.02em;white-space:normal}.note-block-renderer,.article-preview,.article-block-editor{width:min(860px,calc(100% - 40px));margin:38px auto 0}.note-block-renderer p,.article-preview p{color:#2d2b27;font-size:18px;line-height:2}.note-block-renderer blockquote,.article-preview blockquote{margin:30px 0;padding:18px 24px;border-left:3px solid #1f1f1b;color:#625d55;background:#fffdf78f}.article-image,.editable-image-block{width:var(--zoom);margin:34px auto}.article-image.align-left,.editable-image-block.align-left{margin-left:0}.article-image.align-right,.editable-image-block.align-right{margin-right:0}.article-image.align-full,.editable-image-block.align-full{width:min(1120px,100vw - 32px);max-width:none}.article-image img,.editable-image-block img{display:block;width:100%;max-height:78vh;object-fit:cover;border-radius:24px;box-shadow:0 24px 58px #20201d1f}.article-image figcaption,.editable-image-block figcaption{margin-top:10px;color:#77736b;text-align:center;font-size:13px}.note-article-editor{padding-top:90px}.article-editor-toolbar{position:sticky;top:76px;z-index:12;display:flex;flex-wrap:wrap;gap:8px;width:min(1100px,calc(100% - 28px));margin:0 auto 22px;padding:12px;border:1px solid rgba(32,32,29,.12);border-radius:24px;background:#faf7f0f0;box-shadow:0 18px 44px #20201d1a}.article-editor-toolbar button,.article-editor-toolbar a,.image-block-tools button,.image-upload-panel button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#222;cursor:pointer;padding:8px 12px;text-decoration:none}.article-editor-meta{display:grid;gap:14px;width:min(860px,calc(100% - 40px));margin:0 auto 28px;padding:24px;border:1px solid rgba(32,32,29,.1);border-radius:24px;background:#fffdf7b8}.article-editor-meta label,.cover-image-picker label,.image-upload-panel label{display:grid;gap:7px;color:#77736b;font-size:13px}.article-editor-meta input,.article-editor-meta textarea,.cover-image-picker input,.image-upload-panel input,.editable-image-block input,.editable-paragraph,.editable-quote{width:100%;border:1px solid rgba(32,32,29,.12);border-radius:16px;background:#fffdf7;color:#222;padding:12px 14px;font:inherit}.editable-paragraph,.editable-quote{min-height:124px;margin-bottom:14px;resize:vertical;line-height:1.9}.editable-quote{border-left:3px solid #1f1f1b;color:#625d55}.cover-image-picker,.image-upload-panel{display:grid;gap:12px}.system-cover-picker{display:grid;gap:12px;padding:14px;border:1px solid rgba(32,32,29,.12);border-radius:18px;background:#fffdf7b8}.system-cover-picker>div:first-child{display:grid;gap:4px}.system-cover-picker strong{color:#2d2c28;font-size:.92rem}.system-cover-picker span{color:#77736b;font-size:.78rem;line-height:1.5}.system-cover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.system-cover-grid button{display:grid;gap:7px;min-width:0;padding:7px;border:1px solid rgba(32,32,29,.12);border-radius:14px;background:#fffdf7;color:#4f5949;cursor:pointer;text-align:left}.system-cover-grid button.is-selected{border-color:#6f7d63b3;box-shadow:0 0 0 2px #6f7d6324}.system-cover-grid img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:10px;object-fit:cover}.system-cover-grid button span{overflow:hidden;color:inherit;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.system-cover-clear{justify-self:start;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#4f5949;cursor:pointer;padding:8px 12px}.image-upload-panel{border:1px solid rgba(32,32,29,.12);border-radius:28px;background:#fffdf7f5;padding:18px;box-shadow:0 26px 70px #20201d24}.image-upload-panel-compact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.image-upload-head,.image-confirm-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.image-upload-head div{display:grid;gap:4px}.image-upload-head strong,.image-confirm-head strong{font-size:1.05rem}.image-upload-head span,.image-confirm-head span,.image-upload-message,.pending-image-card p{margin:0;color:#77736b;font-size:.9rem;line-height:1.65}.image-upload-actions{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr) auto;gap:10px;align-items:end}.image-upload-actions label{min-width:0}.image-upload-actions label>span{color:#77736b;font-size:.86rem}.image-confirm-panel{display:grid;gap:14px}.pending-image-card{display:grid;grid-template-columns:168px 1fr;gap:16px;align-items:start;border:1px solid rgba(32,32,29,.1);border-radius:22px;background:#f8f5efb8;padding:12px}.pending-image-card img{width:100%;aspect-ratio:4 / 3;border-radius:16px;object-fit:cover}.pending-image-card>div{display:grid;gap:10px}.pending-image-options,.image-confirm-actions{display:flex;flex-wrap:wrap;gap:8px}.pending-image-options button.is-active{border-color:#6f7d6357;background:#eef1e6}.editor-message{width:min(860px,calc(100% - 40px));margin:0 auto 20px;color:#4c5f4f}.image-block-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.editable-divider{display:grid;justify-items:center;gap:10px;margin:28px 0}.duomei-stage{min-height:220vh;background:#faf7f0;overflow:visible}.illustration-layer{position:fixed;inset:0 auto auto 0;z-index:0;width:100%;height:100vh}.illustration-layer-inner{animation:none;transform:translateY(2vh)}.paper-layer{position:relative;z-index:5;min-height:120vh;margin-top:100vh;background:var(--paper)}.paper-curve{height:180px;background:transparent}.paper-body{background:var(--paper);padding-top:90px}.duomei-stage .paper-body{background:var(--paper);padding-bottom:0}.bounce-name h1{gap:.08em;font-size:clamp(76px,8.6vw,142px);font-weight:900;letter-spacing:.08em}.notes-carousel{scroll-behavior:auto;scroll-snap-type:none}.notes-carousel-track{width:max-content}.notes-carousel-shell .carousel-button{position:absolute;top:50%;z-index:12;transform:translateY(-50%)}.notes-carousel-shell .carousel-button.prev{left:max(18px,calc((100vw - min(1200px,100vw))/2 + 28px))}.notes-carousel-shell .carousel-button.next{right:max(18px,calc((100vw - min(1200px,100vw))/2 + 28px))}.image-confirm-panel{display:grid;gap:14px;padding:16px;border:1px solid rgba(32,32,29,.12);border-radius:22px;background:#fffdf7c7}.image-confirm-head{display:flex;justify-content:space-between;gap:12px;color:#77736b;font-size:13px}.pending-image-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border:1px solid rgba(32,32,29,.1);border-radius:18px;background:#fffdf7}.pending-image-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px}.pending-image-card p{margin:0 0 8px;color:#77736b;font-size:12px}.pending-image-options,.image-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pending-image-options button,.image-confirm-actions button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer;padding:7px 10px}.image-crop-panel{display:grid;gap:16px;border:1px solid rgba(32,32,29,.12);border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(170,182,157,.14),transparent 24rem),#fffdf7db;padding:18px;box-shadow:0 24px 70px #20201d1f}.image-crop-top{display:flex;gap:16px;align-items:start;justify-content:space-between}.image-crop-top div{display:grid;gap:4px}.image-crop-top strong{font-family:Yu Mincho,Songti SC,STSong,serif;font-size:clamp(1.55rem,4vw,2.35rem);font-weight:500}.image-crop-top span{color:#77736b;font-size:.9rem}.image-crop-stage{position:relative;display:grid;overflow:hidden;min-height:380px;place-items:center;border:10px solid #20201d;border-radius:24px;background:linear-gradient(45deg,rgba(255,253,247,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,253,247,.05) 25%,transparent 25%),#11120f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-crop-stage:active{cursor:grabbing}.image-crop-stage:after{position:absolute;inset:12px;border:1px solid rgba(255,253,247,.42);border-radius:14px;content:"";pointer-events:none}.image-crop-stage img{max-width:92%;max-height:92%;object-fit:contain;transition:transform .12s linear;will-change:transform}.image-crop-stage.aspect-1-1{aspect-ratio:1 / 1}.image-crop-stage.aspect-4-3{aspect-ratio:4 / 3}.image-crop-stage.aspect-3-2,.image-crop-stage.aspect-original{aspect-ratio:3 / 2}.image-crop-stage.aspect-16-9{aspect-ratio:16 / 9}.image-crop-stage.aspect-9-16{width:min(420px,100%);aspect-ratio:9 / 16;justify-self:center}.image-crop-controls,.image-crop-meta,.image-crop-meta div{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.image-crop-controls label{display:grid;min-width:min(220px,100%);gap:6px}.image-crop-controls span{color:#77736b;font-size:.86rem}.image-crop-controls select,.image-crop-controls input,.image-crop-meta input{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#20201d;padding:11px 14px;font:inherit}.image-crop-meta input{flex:1 1 260px}.image-crop-controls button,.image-crop-meta button,.image-crop-strip button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#20201d;cursor:pointer;padding:10px 14px}.image-crop-controls button:hover,.image-crop-meta button:hover,.image-confirm-actions button:hover{transform:translateY(-2px)}.image-crop-meta button.is-active,.image-crop-strip button.is-active{border-color:#6f7d635c;background:#eef1e6}.image-crop-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 4px}.image-crop-strip button{flex:0 0 76px;overflow:hidden;border-radius:18px;padding:4px}.image-crop-strip img{display:block;width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover}@media(max-width:760px){.illustration-layer{position:sticky;min-height:100vh;padding-top:96px}.paper-layer{margin-top:100vh}.paper-curve{height:132px}.paper-body{padding-top:80px}.article-editor-toolbar{top:auto;bottom:10px;max-height:34vh;overflow:auto;overscroll-behavior:contain}.article-image,.editable-image-block{width:100%}.bounce-name h1{font-size:clamp(44px,15vw,76px)}.pending-image-card{grid-template-columns:1fr}}.duomei-header{z-index:20}.duomei-stage{min-height:220vh;background:#faf7f0}.illustration-layer{position:fixed;top:0;left:0;z-index:0;width:100%;height:100vh}.paper-layer{position:relative;z-index:5;margin-top:100vh;background:transparent}@media(max-width:760px){.illustration-layer{position:fixed}.paper-layer{margin-top:100vh}.bounce-name h1{font-size:clamp(44px,15vw,76px)}}.notes-to-dream-stage{position:relative;min-height:auto;margin-top:0;background:var(--paper)}.notes-cover-stage{position:sticky;top:0;z-index:1;display:grid;align-items:center;height:100vh;min-height:680px;padding-top:24px;padding-bottom:24vh;background:var(--paper);overflow:hidden}.notes-cover-inner{width:100%;transform:translateY(-10vh)}.notes-bottom-spacer{position:relative;z-index:0;display:block;height:34vh;background:var(--paper);pointer-events:none}body.front-editing .notes-cover-stage{padding-bottom:38vh}body.front-editing .notes-cover-inner{transform:translateY(-14vh)}body.front-editing .notes-bottom-spacer{height:72vh}.dream-cover-stage{position:relative;z-index:6;min-height:100vh;margin-top:-10vh;pointer-events:none}.dream-cover-curve{position:absolute;left:0;right:0;top:-180px;z-index:7;height:180px;pointer-events:none}.dream-cover-curve svg{position:absolute;inset:0;display:block;width:100%;height:100%}.footer-dream-section{position:relative;z-index:6;min-height:100vh;height:100vh;margin-top:0;overflow:hidden;background:#050505;isolation:isolate;pointer-events:auto}.footer-dream-curve{position:absolute;left:0;right:0;top:-260px;z-index:3;width:100%;height:260px;pointer-events:none}.footer-dream-curve-fill{fill:#faf7f0}.footer-dream-curve-line{fill:none;stroke:#1f1f1b;stroke-width:4;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:drawDreamCurve 1.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes drawDreamCurve{to{stroke-dashoffset:0}}.footer-dream-motion-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:auto;color:#fff}.dream-bg-word{position:absolute;font-weight:900;line-height:.85;white-space:nowrap;will-change:transform,opacity}.word-duomei{left:6vw;top:8vh;color:#ffffff0e;font-size:clamp(120px,18vw,320px);transform:rotate(-8deg)}.word-traveling{left:-4vw;bottom:16vh;color:#ffffff0b;font-size:clamp(90px,14vw,240px);transform:rotate(-10deg)}.word-tami{right:4vw;top:45vh;color:#ffc0d70d;font-size:clamp(90px,12vw,220px);transform:rotate(10deg)}.dream-trails{position:absolute;inset:0;width:100%;height:100%}.trail{fill:none;stroke-width:1.4;stroke-dasharray:10 14;stroke-linecap:round;opacity:.55;animation:dreamTrailFlow 8s linear infinite}.trail-pink{stroke:#ff6fae}.trail-yellow{stroke:#ffe15a;animation-delay:-2s}.trail-blue{stroke:#54d6ff;animation-delay:-4s}@keyframes dreamTrailFlow{to{stroke-dashoffset:-48}}.static-dream-icon,.morph-icon{position:absolute;color:currentColor;opacity:.9;filter:drop-shadow(0 0 8px currentColor)}.static-dream-icon,.morph-icon-lane{display:none}.static-dream-icon svg,.morph-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.icon-camera{width:240px;left:7vw;top:18vh;color:#ff6fae;transform:rotate(-10deg)}.icon-star{width:180px;left:40vw;top:7vh;color:#ffe15a;transform:rotate(8deg)}.icon-cat{width:210px;right:11vw;top:14vh;color:#d85cff;transform:rotate(7deg)}.icon-profile{width:270px;right:2vw;top:38vh;color:#ffc247;transform:rotate(-8deg)}.icon-fruit{width:200px;right:10vw;bottom:7vh;color:#ff8a2a;transform:rotate(12deg)}.morph-icon-lane{position:absolute;left:16vw;top:35vh;width:220px;height:220px;color:#ff6fae;animation:morphLanePath 20s cubic-bezier(.22,1,.36,1) infinite;will-change:transform}.morph-lane-secondary{left:auto;right:18vw;top:16vh;width:180px;height:180px;animation-name:morphLanePathReverse;animation-delay:-7s}.morph-icon{inset:0;opacity:0;transform:scale(1.08) rotate(8deg);stroke-dasharray:220;stroke-dashoffset:80;animation:morphIconFade 20s cubic-bezier(.22,1,.36,1) infinite;will-change:transform,opacity}.morph-star{color:#ffe15a;animation-delay:4s}.morph-cat{color:#d85cff;animation-delay:8s}.morph-profile{color:#ffc247;animation-delay:12s}.morph-fruit{color:#ff8a2a;animation-delay:16s}@keyframes morphLanePath{0%,to{transform:translate3d(-6vw,5vh,0) rotate(-8deg)}25%{transform:translate3d(12vw,-6vh,0) rotate(4deg)}50%{transform:translate3d(25vw,8vh,0) rotate(-3deg)}75%{transform:translate3d(10vw,16vh,0) rotate(6deg)}}@keyframes morphLanePathReverse{0%,to{transform:translate3d(8vw,-4vh,0) rotate(7deg)}25%{transform:translate3d(-8vw,8vh,0) rotate(-5deg)}50%{transform:translate3d(-24vw,1vh,0) rotate(4deg)}75%{transform:translate3d(-10vw,18vh,0) rotate(-7deg)}}@keyframes morphIconFade{0%,15%{opacity:1;transform:scale(1) rotate(0);stroke-dashoffset:0}20%,to{opacity:0;transform:scale(.92) rotate(-8deg);stroke-dashoffset:80}}.dream-card{position:relative;z-index:4;width:min(920px,70vw);height:560px;margin:12vh auto 0;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:#ffb8d4e0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 30px 90px #ff69a02e,inset 0 1px #ffffff73;pointer-events:none}.travel-icon-lanes{position:absolute;inset:-10%;overflow:hidden;display:none}.physics-icon-field{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.physics-icon{position:absolute;left:0;top:0;display:block;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 14px 18px rgba(32,32,29,.08));cursor:pointer;pointer-events:auto;touch-action:manipulation}.physics-icon svg{display:block;width:100%;height:100%;fill:#fffdf72e;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.icon-lane{position:absolute;left:-18vw;width:140vw;height:180px;transform-origin:center}.lane-one{top:14%;transform:rotate(-16deg)}.lane-two{top:45%;transform:rotate(-31deg)}.lane-three{top:72%;transform:rotate(-19deg)}.lane-track{display:flex;align-items:center;gap:clamp(90px,12vw,190px);width:max-content;animation:iconLaneRun 92s linear infinite;will-change:transform}.lane-two .lane-track{animation-duration:108s;animation-direction:reverse}.lane-three .lane-track{animation-duration:102s;animation-delay:-26s}.lane-icon{display:block;width:clamp(110px,10vw,190px);height:clamp(110px,10vw,190px);animation:laneIconBump 5.8s cubic-bezier(.22,1,.36,1) infinite;color:#c989a1;filter:drop-shadow(0 14px 22px rgba(32,32,29,.08));will-change:transform}.lane-icon:nth-child(2){animation-delay:-1.2s}.lane-icon:nth-child(3){animation-delay:-2.4s}.lane-icon:nth-child(4){animation-delay:-3.6s}.lane-icon:nth-child(5){animation-delay:-4.8s}.lane-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tone-camera{color:#c989a1}.tone-suitcase{color:#c2a17b}.tone-star{color:#d8b566}.tone-train{color:#8fb6b2}.tone-cat{color:#9aa88f}.tone-mountain{color:#7f9581}.tone-profile{color:#b99b78}.tone-fruit{color:#d49a78}@keyframes iconLaneRun{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes laneIconBump{0%,42%,to{transform:translateZ(0) rotate(0) scale(1)}48%{transform:translate3d(10px,-8px,0) rotate(4deg) scale(1.04)}55%{transform:translate3d(-8px,5px,0) rotate(-3deg) scale(.98)}}.dream-name{position:absolute;right:96px;top:112px;color:#e94f89;cursor:pointer;font-size:clamp(96px,8.6vw,142px);font-weight:700;letter-spacing:.08em;line-height:1;writing-mode:vertical-rl;text-shadow:0 10px 24px rgba(233,79,137,.24);transition:transform .6s cubic-bezier(.22,1,.36,1),text-shadow .6s cubic-bezier(.22,1,.36,1);pointer-events:auto}.dream-name:hover{transform:scale(1.055) translateY(-4px);text-shadow:0 18px 38px rgba(233,79,137,.42)}.dream-tami{position:absolute;left:86px;bottom:158px;color:#c64373d1;font-size:42px;letter-spacing:.42em;animation:tamiBreath 4.8s ease-in-out infinite;transform-origin:left center;will-change:transform,opacity}.dream-poem-box{position:absolute;left:86px;bottom:92px;display:flex;align-items:center;width:520px;min-height:58px;padding:0;border:0;border-radius:0;background:transparent;color:#1f1f1b;font-family:STKaiti,KaiTi,Kaiti SC,Yu Mincho,Songti SC,serif;font-size:24px;font-weight:500;letter-spacing:.12em;line-height:1.8;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),background .6s cubic-bezier(.22,1,.36,1);pointer-events:auto}.dream-poem-box:hover{transform:translateY(-3px);background:transparent;box-shadow:none}.dream-poem-text{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.12em}.dream-poem-text span{white-space:nowrap}.poem-wind-lines{position:absolute;left:-42px;right:-42px;bottom:-38px;z-index:1;width:calc(100% + 84px);height:72px;overflow:visible;pointer-events:none;opacity:0;transform:translate3d(-72px,18px,0) rotate(-7deg);transform-origin:left center}.poem-wind-lines path{fill:none;stroke:#7d644a94;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180 34;stroke-dashoffset:220;filter:drop-shadow(0 6px 8px rgba(125,100,74,.08))}.poem-wind-lines path:nth-child(2){stroke:#8fa69a94;stroke-dasharray:130 42}.poem-wind-lines path:nth-child(3),.poem-wind-lines path:nth-child(4){stroke:#c989a17a;stroke-width:1.4;stroke-dasharray:48 26}.dream-poem-box:hover .poem-wind-lines{animation:poemWindSweep 2.4s cubic-bezier(.16,1,.3,1) infinite}.dream-poem-box:hover .poem-wind-lines path{animation:poemWindDraw 2.4s cubic-bezier(.16,1,.3,1) infinite}.dream-poem-box:hover .poem-wind-lines path:nth-child(2){animation-delay:.12s}.dream-poem-box:hover .poem-wind-lines path:nth-child(3){animation-delay:.22s}.dream-poem-box:hover .poem-wind-lines path:nth-child(4){animation-delay:.31s}@keyframes poemWindSweep{0%{opacity:0;transform:translate3d(-118px,28px,0) rotate(-7deg)}12%{opacity:.9}72%{opacity:.72}to{opacity:0;transform:translate3d(118px,-20px,0) rotate(-7deg)}}@keyframes poemWindDraw{0%{stroke-dashoffset:220}to{stroke-dashoffset:-190}}@keyframes tamiBreath{0%,to{opacity:.72;transform:translateY(0) scale(1)}50%{opacity:.96;transform:translateY(-4px) scale(1.025)}}.poem-flower-field{position:absolute;inset:-70px -100px -34px -70px;pointer-events:none;overflow:visible}.poem-flower-field i{position:absolute;width:10px;height:10px;border:1.4px solid #c989a1;border-radius:70% 30%;opacity:0;transform:translate3d(0,-18px,0) rotate(-20deg) scale(.65);animation:poemFlowerDrift 7s cubic-bezier(.22,1,.36,1) infinite}.poem-flower-field i:nth-child(1){left:4%;top:20%;animation-delay:-.4s}.poem-flower-field i:nth-child(2){left:18%;top:4%;width:15px;height:15px;animation-delay:-2.8s}.poem-flower-field i:nth-child(3){left:38%;top:12%;animation-delay:-5.1s}.poem-flower-field i:nth-child(4){left:62%;top:0;width:13px;height:13px;animation-delay:-1.6s}.poem-flower-field i:nth-child(5){left:84%;top:18%;animation-delay:-4.5s}.poem-flower-field i:nth-child(6){left:96%;top:42%;width:16px;height:16px;animation-delay:-3.3s}.poem-flower-field i:nth-child(7){left:12%;top:76%;animation-delay:-6.2s}.poem-flower-field i:nth-child(8){left:52%;top:72%;width:14px;height:14px;animation-delay:-.9s}.poem-flower-field i:nth-child(9){left:76%;top:82%;animation-delay:-5.8s}@keyframes poemFlowerDrift{0%,62%,to{opacity:0;transform:translate3d(0,-18px,0) rotate(-20deg) scale(.65)}70%{opacity:.85;transform:translate3d(8px,2px,0) rotate(15deg) scale(1)}88%{opacity:.25;transform:translate3d(-10px,36px,0) rotate(80deg) scale(.8)}}.bloom-flower{position:absolute;display:block;pointer-events:none}.bloom-small{left:20px;width:34px;height:34px}.bloom-small{left:-18px;top:-16px}.bloom-large{right:-34px;top:-38px;width:72px;height:72px}.bloom-flower i,.bloom-flower b{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1)}.bloom-flower i{width:38%;height:38%;border:1.6px solid #c989a1;border-radius:999px;background:transparent;transform-origin:50% 86%}.bloom-flower i:nth-child(2){background:#ffd1e2}.bloom-flower i:nth-child(3){background:#ff5d9e}.bloom-flower i:nth-child(4){background:#ffd1e2}.bloom-flower b{width:16%;height:16%;border-radius:50%;background:#ffe15a;box-shadow:0 0 16px #ffe15a99}.dream-poem-box:hover .bloom-small i:nth-child(1),.dream-poem-box:hover .bloom-large i:nth-child(1){transform:translate(-50%,-92%) scale(1) rotate(0);opacity:1}.dream-poem-box:hover .bloom-small i:nth-child(2),.dream-poem-box:hover .bloom-large i:nth-child(2){transform:translate(-8%,-50%) scale(1) rotate(78deg);opacity:1}.dream-poem-box:hover .bloom-small i:nth-child(3),.dream-poem-box:hover .bloom-large i:nth-child(3){transform:translate(-50%,-8%) scale(1) rotate(180deg);opacity:1}.dream-poem-box:hover .bloom-small i:nth-child(4),.dream-poem-box:hover .bloom-large i:nth-child(4){transform:translate(-92%,-50%) scale(1) rotate(262deg);opacity:1}.dream-poem-box:hover .bloom-flower b{transform:translate(-50%,-50%) scale(1);opacity:1}.dream-poem-box:hover .bloom-large i,.dream-poem-box:hover .bloom-large b{transition-delay:.26s}@media(max-width:768px){.footer-dream-section{min-height:720px;height:auto}.word-duomei,.word-traveling,.word-tami{font-size:clamp(80px,28vw,130px);opacity:.62}.icon-star,.icon-profile,.morph-lane-secondary{display:none}.icon-camera{width:96px;left:-18px;top:18%}.icon-cat{width:100px;right:-22px;top:12%}.icon-fruit{width:90px;right:12px;bottom:8%}.dream-card{width:calc(100% - 32px);height:520px;margin:80px auto 0;border-radius:8px}.dream-name{right:24px;top:88px;font-size:78px}.dream-tami{left:32px;bottom:158px;font-size:32px}.dream-poem-box{left:28px;bottom:92px;width:calc(100% - 56px);height:auto;min-height:76px;padding:0;font-size:18px;line-height:1.7}.dream-poem-text{display:grid;gap:.12em}.dream-poem-text span{white-space:normal}}@media(prefers-reduced-motion:reduce){.trail,.morph-icon-lane,.morph-icon{animation:none!important}.morph-icon:first-child{opacity:1;transform:none}.dream-name:hover,.dream-poem-box:hover{transform:none}}.footer-dream-section{background:radial-gradient(circle at 15% 20%,rgba(216,191,160,.22),transparent 28%),radial-gradient(circle at 86% 72%,rgba(170,182,157,.2),transparent 26%),#faf7f0}.dream-bg-word{color:#20201d1a;mix-blend-mode:multiply}.word-duomei{left:52px;top:118px;color:#20201d1f;opacity:1;letter-spacing:.04em;animation:dreamBgDuomeiFloat 8s ease-in-out infinite;transform-origin:center center;will-change:transform,opacity}.word-traveling{color:#20201d0d}.word-tami{color:#c6769114}.trail{stroke-width:2;opacity:.62}.trail-pink{stroke:#efa3bd}.trail-yellow{stroke:#d8b566}.trail-blue{stroke:#8fb6b2}.static-dream-icon,.morph-icon{filter:drop-shadow(0 12px 18px rgba(32,32,29,.08))}.icon-camera,.morph-camera{color:#c989a1}.icon-star,.morph-star{color:#d8b566}.icon-cat,.morph-cat{color:#9aa88f}.icon-profile,.morph-profile{color:#c2a17b}.icon-fruit,.morph-fruit{color:#d49a78}.dream-card{border-color:#ffffff57;background:linear-gradient(135deg,#fffdf794,#f3ece16b),#f8f5ef5c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 34px 90px #8b705224,inset 0 1px #ffffff7a}.dream-name{color:#8e6f55;text-shadow:0 10px 24px rgba(142,111,85,.18)}.dream-name:hover{text-shadow:0 18px 38px rgba(142,111,85,.3)}.dream-tami{color:#7d644ab8}.bounce-name h1{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.08em;animation:duomeiLogoBreath 4.8s ease-in-out 1.5s infinite;transform-origin:center center;will-change:transform,opacity}.dream-name{animation:dreamNameBreath 3.8s ease-in-out infinite;transform-origin:center center;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}.dream-name:hover{animation-duration:2.6s;transform:scale(1.075) translateY(-5px)}.dream-tami{animation:tamiBreathStrong 3.8s ease-in-out infinite;transform-origin:left center;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@keyframes dreamNameBreath{0%,to{opacity:.86;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translate3d(0,-6px,0) scale(1.045)}}@keyframes tamiBreathStrong{0%,to{opacity:.62;transform:translateZ(0) scale(1)}50%{opacity:.96;transform:translate3d(0,-6px,0) scale(1.065)}}@keyframes duomeiLogoBreath{0%,to{opacity:.96;transform:translateZ(0) scale(1)}50%{opacity:1;transform:translate3d(0,-4px,0) scale(1.018)}}@keyframes dreamBgDuomeiFloat{0%,to{opacity:.78;transform:translateZ(0) rotate(-8deg) scale(1)}50%{opacity:1;transform:translate3d(16px,-10px,0) rotate(-7deg) scale(1.025)}}.dream-poem-box{border:0;background:transparent;color:#1f1f1b;font-family:STKaiti,KaiTi,Kaiti SC,Yu Mincho,Songti SC,serif;font-size:24px}.dream-poem-box:hover{background:transparent;box-shadow:none}.bloom-flower i{background:#ef9fbd}.bloom-flower i:nth-child(2),.bloom-flower i:nth-child(4){background:#f8d9e4}.bloom-flower i:nth-child(3){background:#d884a4}.bloom-flower b{background:#d8b566;box-shadow:0 0 14px #d8b56680}.back-to-top{position:fixed;left:auto!important;right:max(18px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:90;width:54px;height:54px;border:1px solid rgba(32,32,29,.14);border-radius:999px;background:#fffdf7db;color:#20201d;cursor:pointer;font-size:24px;line-height:1;opacity:0;pointer-events:none;transform:translate3d(0,18px,0) scale(.94);box-shadow:0 18px 42px #20201d24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),background .42s cubic-bezier(.16,1,.3,1)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.back-to-top:hover{background:#fffdf7;transform:translate3d(0,-4px,0) scale(1.03)}.duomei-footer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;width:min(1800px,calc(100% - 128px));margin:0 auto;gap:24px;border-top:0;padding:42px 0 60px}.duomei-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:#20201d;transform:scaleX(var(--footer-line-progress, 1));transform-origin:left center;transition:transform .12s linear}.duomei-footer strong{font-family:Georgia,Times New Roman,serif;letter-spacing:.04em}.duomei-footer p{justify-self:end;max-width:720px;margin:0;color:#20201d;text-align:right;line-height:1.8;border:1px dashed rgba(142,111,85,.42);border-radius:999px;padding:14px 22px}.footer-editable-text{border-radius:18px;outline:1px dashed rgba(142,111,85,.48);background:#fffdf773;padding:8px 12px}@keyframes footerLineGrow{to{transform:scaleX(1)}}.inline-detail-editing{padding-top:150px}.detail-inline-toolbar{position:sticky;top:92px;z-index:62;display:flex;width:100%;max-height:none;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;border:1px solid rgba(32,32,29,.12);border-radius:30px;background:#fffdf7e6;padding:12px;box-shadow:0 24px 70px #20201d24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain}.detail-inline-toolbar button,.detail-toolbar-upload{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#20201d;cursor:pointer;font:inherit;padding:10px 16px;white-space:nowrap;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1)}.detail-inline-toolbar button:hover,.detail-toolbar-upload:hover{transform:translateY(-2px);box-shadow:0 10px 24px #20201d1a}.detail-inline-toolbar button.is-primary,.detail-publish-button{border-color:#6f7d6342;background:#eef1e6;color:#20201d;box-shadow:0 12px 28px #6f7d6324}.detail-inline-toolbar button.is-muted,.detail-inline-toolbar button:disabled{cursor:default;opacity:.58;transform:none;box-shadow:none}.detail-toolbar-upload input{display:none}.detail-image-panel{position:fixed;top:112px;left:50%;z-index:84;width:min(980px,calc(100% - 28px));max-height:calc(100dvh - 210px);transform:translate(-50%);overflow:auto;overscroll-behavior:contain}.detail-save-message{position:fixed;right:24px;bottom:24px;z-index:92;display:flex;max-width:min(520px,calc(100% - 32px));gap:12px;align-items:center;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7f0;color:#20201d;padding:12px 14px 12px 18px;box-shadow:0 22px 58px #20201d24}.detail-save-message button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;color:#20201d;cursor:pointer;padding:8px 12px}.detail-inline-input,.editable-meta input,.editable-tag input,.detail-title-editor,.detail-excerpt-editor,.editable-text-block textarea,.editable-image-block input{border:1px dashed rgba(142,111,85,.34);background:#fffdf761;color:#20201d;font:inherit;outline:none;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.detail-inline-input:focus,.editable-meta input:focus,.editable-tag input:focus,.detail-title-editor:focus,.detail-excerpt-editor:focus,.editable-text-block textarea:focus,.editable-image-block input:focus{border-color:#6f7d63b8;background:#fffdf7b8;box-shadow:0 0 0 4px #6f7d6314}.category-input{width:min(220px,100%);border-radius:999px;padding:8px 12px}.detail-title-editor{width:100%;min-height:1.25em;border-radius:24px;margin:12px 0 20px;padding:8px 10px;resize:vertical;font-family:Yu Mincho,Songti SC,STSong,serif;font-size:clamp(3.2rem,7vw,5.8rem);line-height:1.16}.editable-meta{display:flex;flex-wrap:wrap;gap:12px}.editable-meta input{width:min(190px,100%);border-radius:999px;padding:12px 16px}.editable-tags{align-items:center}.editable-tag{display:inline-flex;gap:4px;align-items:center;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf780;padding:4px 6px 4px 10px}.editable-tag input{width:6.5em;min-width:36px;border:0;border-radius:999px;background:transparent;padding:4px}.editable-tag button,.tag-add-button,.editable-text-block button,.editable-block-row button,.editable-image-block button{border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7;cursor:pointer}.editable-tag button,.tag-add-button{width:30px;height:30px}.detail-excerpt-editor{width:100%;min-height:92px;margin:14px 0 26px;border-radius:22px;padding:18px 20px;resize:vertical;color:#5f5a52;font-size:1.1rem;line-height:1.85}.inline-block-editor{display:grid;gap:18px}.editable-text-block{display:grid;gap:8px}.editable-text-block textarea{width:100%;min-height:180px;border-radius:24px;padding:22px 26px;resize:vertical;color:#20201d;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:2}.editable-text-block.is-quote textarea{border-left:4px solid #6f7d63;font-family:STKaiti,KaiTi,serif}.editable-text-block button,.editable-block-row button,.editable-image-block button{justify-self:end;padding:8px 12px;color:#8b4a42}.editable-block-row{display:grid;gap:10px}.editable-image-block{display:grid;gap:10px;margin:0}.editable-image-block img{width:100%;max-height:70vh;border-radius:24px;object-fit:cover;box-shadow:0 24px 58px #20201d1f}.editable-image-block input{border-radius:999px;padding:12px 16px}@media(max-width:760px){.duomei-footer{grid-template-columns:1fr;width:calc(100% - 40px)}.duomei-footer p{justify-self:start;text-align:left}.detail-inline-toolbar{top:84px;flex-wrap:nowrap;max-height:none;border-radius:999px;margin-bottom:18px;padding:10px}.detail-image-panel{top:96px;max-height:calc(100dvh - 112px)}.image-upload-actions,.pending-image-card{grid-template-columns:1fr}.image-upload-panel{border-radius:24px;padding:14px}.image-upload-head,.image-crop-top{align-items:flex-start}.image-crop-panel{border-radius:24px;padding:14px}.image-crop-stage{min-height:260px;border-width:7px;border-radius:20px}.image-crop-controls,.image-crop-meta,.image-confirm-actions{gap:8px}.image-crop-controls button,.image-crop-meta button,.image-confirm-actions button{padding:9px 12px;font-size:.92rem}.detail-save-message{right:12px;bottom:78px;border-radius:24px}.inline-detail-editing{padding-top:128px}.detail-title-editor{font-size:clamp(2.8rem,14vw,4.4rem)}}html,body{max-width:100%;overflow-x:clip}@media(max-width:760px){.duomei-header{align-items:flex-start;gap:12px;padding:18px 16px}.duomei-brand{flex:0 0 auto}.duomei-brand strong{font-size:clamp(1.25rem,8vw,1.8rem)}.duomei-menu-toggle{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(32,32,29,.12);border-radius:999px;background:#fffdf7d1;box-shadow:0 14px 34px #20201d1a}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(1){transform:translate(8px) rotate(45deg)}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(2){opacity:0}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(3){transform:translate(-8px) rotate(-45deg)}.duomei-header nav{position:absolute;top:calc(100% + 8px);right:14px;display:grid;width:min(148px,calc(100vw - 28px));max-width:calc(100vw - 28px);grid-template-columns:1fr;gap:6px;border:1px solid rgba(32,32,29,.1);border-radius:24px;background:#fffdf7eb;padding:9px;box-shadow:0 18px 44px #20201d1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1)}.duomei-header.is-menu-open nav{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.duomei-header nav a,.duomei-header nav button{display:inline-flex;width:100%;min-height:36px;align-items:center;justify-content:center;border:1px solid rgba(32,32,29,.08);border-radius:999px;background:#f8f5ef94;padding:8px 12px;text-align:center;font-size:.84rem;white-space:nowrap}.duomei-header nav a:hover,.duomei-header nav button:hover{background:#6f7d631a}.duomei-stage,.paper-layer,.paper-body,.notes-to-dream-stage{max-width:100vw;overflow-x:clip}.illustration-layer{overflow:hidden}.illustration-layer-inner{width:100%;max-width:100vw;padding:0 12px;transform:translateY(1vh)}.illustration-layer .duomei-hero-illustration,.duomei-hero-image-frame{width:min(1040px,100%)}.duomei-hero-image-frame{height:clamp(230px,64vw,330px);margin-bottom:8px}.bounce-name{width:100%;max-width:100%}.bounce-name h1{max-width:100%;gap:.045em;font-size:clamp(42px,14vw,58px);letter-spacing:.04em;text-shadow:0 8px 14px rgba(32,32,29,.12)}.duomei-hero-subname{font-size:clamp(17px,6vw,24px)}.paper-curve{height:128px}.paper-body{padding-top:64px}.notes-cover-stage{min-height:640px;padding-top:8px;padding-bottom:30vh}.notes-cover-inner{transform:translateY(-8vh)}body.front-editing .notes-cover-stage{min-height:760px;padding-bottom:44vh}body.front-editing .notes-cover-inner{transform:translateY(-10vh)}body.front-editing .notes-bottom-spacer{height:92vh}.notes-intro{width:min(100% - 28px,1200px);overflow:visible;margin-bottom:28px}.notes-intro h2,.notes-intro-title{font-size:clamp(34px,12vw,48px);line-height:1.36;overflow:visible}.notes-intro h2{padding:12px 0 16px}.notes-intro-title{height:clamp(94px,24vw,116px);min-height:clamp(94px,24vw,116px);padding:14px 16px 18px}.notes-carousel-shell{width:100%;max-width:100%;margin-left:0;overflow:hidden}.notes-carousel{gap:16px;padding:14px 18px 30px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:none;touch-action:pan-x pan-y pinch-zoom}.notes-carousel-track{gap:16px}.duomei-note-card{flex-basis:min(280px,78vw)}.notes-carousel-shell .carousel-button{display:none}.duomei-detail,.duomei-about{width:min(100% - 28px,980px);padding-top:128px}.about-title-editor,.duomei-about h1{font-size:clamp(3rem,16vw,5rem)}.detail-note-nav{grid-template-columns:1fr;margin-top:46px}.detail-note-nav-card,.detail-note-nav-card.align-right,.detail-note-nav-home{min-height:78px;text-align:left}.detail-note-nav-home{justify-items:start}}.notes-cover-stage{top:0;height:100vh;min-height:720px;padding-top:clamp(34px,5vh,72px);padding-bottom:clamp(150px,22vh,260px)}.notes-cover-inner{transform:translateY(-7vh)}.notes-intro{overflow:visible!important;margin-bottom:clamp(36px,5vh,58px)}.detail-edit-page{padding-top:128px!important}.detail-edit-page article{padding-top:124px!important}.detail-toolbar-toggle{z-index:360!important}.detail-toolbar-toggle:before{content:""!important;width:22px!important;height:22px!important;display:block!important;background:linear-gradient(135deg,transparent 0 38%,#20201d 38% 58%,transparent 58%) center / 18px 18px no-repeat,linear-gradient(#20201d,#20201d) 5px 15px / 13px 3px no-repeat;transform:rotate(-18deg)!important}.detail-inline-toolbar{position:fixed!important;top:110px!important;left:50%!important;z-index:320!important;width:min(1120px,calc(100vw - 280px))!important;max-width:calc(100vw - 72px)!important;max-height:calc(100dvh - 138px)!important;margin:0!important;transform:translate(-50%)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important}@media(max-width:900px){.detail-edit-page{padding-top:118px!important}.detail-edit-page article{padding-top:112px!important}.detail-inline-toolbar{top:96px!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 118px)!important}}.notes-intro h2{display:block;overflow:visible!important;max-width:min(920px,calc(100vw - 40px));margin:0 auto;padding:.22em 0 .28em;line-height:1.34;text-wrap:balance}.notes-intro-title{overflow:visible!important;height:auto!important;min-height:1.8em!important;line-height:1.34;padding-top:.22em;padding-bottom:.28em}.notes-carousel-shell{position:relative}.notes-carousel-shell .carousel-button{top:50%;width:54px;height:54px;transform:translateY(-50%)}.notes-carousel-shell .carousel-button.prev{left:max(24px,calc(50vw - min(640px,42vw)))}.notes-carousel-shell .carousel-button.next{right:max(24px,calc(50vw - min(640px,42vw)))}.notes-bottom-spacer{height:58vh}.dream-cover-stage{min-height:100vh;margin-top:-12vh}.dream-cover-curve{top:-178px;height:180px}@media(max-width:760px){.notes-cover-stage{min-height:760px;padding-top:18px;padding-bottom:34vh}.notes-cover-inner{transform:translateY(-5vh)}.notes-intro h2,.notes-intro-title{max-width:calc(100vw - 32px);font-size:clamp(36px,12vw,52px);line-height:1.42}.notes-bottom-spacer{height:86vh}.dream-cover-stage{margin-top:-8vh}}.notes-to-dream-stage{position:relative;isolation:isolate;min-height:318vh;background:var(--paper)}.notes-cover-stage{position:sticky!important;top:0!important;z-index:2;display:grid;height:100svh;min-height:720px;align-items:center;padding:0 0 clamp(130px,20vh,240px);overflow:hidden;background:var(--paper)}.notes-cover-inner{width:100%;transform:translateY(-4vh)}.notes-intro{margin-bottom:clamp(34px,4.5vh,54px)}.notes-intro p,.notes-intro-eyebrow{display:none!important}.notes-intro h2,.notes-intro-title{max-width:min(980px,calc(100vw - 48px));margin-inline:auto;overflow:visible!important;padding:.2em 0 .32em;line-height:1.4}.notes-bottom-spacer{position:relative;z-index:0;height:108vh;background:var(--paper);pointer-events:none}.dream-cover-stage{position:relative;z-index:8;min-height:100vh;margin-top:-72vh;pointer-events:none}.dream-cover-curve{top:-179px;height:180px}.dream-cover-fill{fill:#faf7f0}.dream-cover-stroke{fill:none;stroke:#1f1f1b;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.footer-dream-section{min-height:100vh;height:100vh;pointer-events:auto}body.front-editing .notes-cover-stage{min-height:780px;padding-bottom:clamp(180px,26vh,300px)}body.front-editing .notes-cover-inner{transform:translateY(-5vh)}body.front-editing .notes-bottom-spacer{height:126vh}@media(max-width:760px){.notes-to-dream-stage{min-height:330svh}.notes-cover-stage{height:100svh;min-height:720px;padding-top:0;padding-bottom:34svh}.notes-cover-inner{transform:translateY(-3vh)}.notes-intro{margin-bottom:28px}.notes-intro h2,.notes-intro-title{max-width:calc(100vw - 36px);padding:.24em 0 .34em;font-size:clamp(38px,12vw,52px);line-height:1.46}.notes-bottom-spacer{height:116svh}.dream-cover-stage{min-height:100svh;margin-top:-82svh}.footer-dream-section{min-height:760px;height:100svh}body.front-editing .notes-cover-stage{min-height:820px;padding-bottom:42svh}body.front-editing .notes-cover-inner{transform:translateY(-4vh)}body.front-editing .notes-bottom-spacer{height:138svh}}.notes-to-dream-stage{position:relative!important;isolation:isolate;min-height:auto!important;background:var(--paper)!important;overflow:visible!important}.duomei-stage,.paper-layer,.paper-body,.notes-to-dream-stage{overflow:visible!important}.notes-cover-stage{position:relative!important;top:0!important;z-index:2!important;display:block!important;height:240svh!important;min-height:1500px!important;padding:0!important;overflow:visible!important;background:var(--paper)!important}.notes-cover-inner{position:sticky!important;top:0!important;z-index:3!important;display:grid!important;align-content:center!important;width:100%!important;height:100svh!important;min-height:680px!important;padding:clamp(10px,2vh,24px) 0 clamp(86px,12vh,150px)!important;overflow:hidden!important;background:var(--paper)!important;transform:none!important}.notes-intro{display:grid!important;justify-items:center!important;gap:clamp(10px,1.8vh,18px)!important;width:min(1200px,calc(100vw - 40px))!important;margin:0 auto clamp(26px,4vh,48px)!important;overflow:visible!important}.notes-intro p,.notes-intro-eyebrow{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.notes-intro h2,.notes-intro-title{display:block!important;width:min(920px,calc(100vw - 40px))!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:.18em 0 .22em!important;overflow:visible!important;border-radius:0!important;font-size:clamp(42px,5.2vw,68px)!important;line-height:1.22!important;text-align:center!important;white-space:normal!important}.notes-intro span,.notes-intro-subtitle{display:block!important;width:min(780px,calc(100vw - 40px))!important;min-height:0!important;margin:0 auto!important;padding:0!important;font-size:clamp(16px,1.55vw,22px)!important;line-height:1.5!important;text-align:center!important}.notes-carousel-shell{position:relative!important;width:100%!important}.notes-carousel{cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.notes-carousel:active{cursor:grabbing}.notes-carousel-shell .carousel-button{position:absolute!important;top:50%!important;z-index:18!important;width:56px!important;height:56px!important;transform:translateY(-50%)!important}.notes-carousel-shell .carousel-button.prev{left:max(24px,calc(50vw - 610px))!important}.notes-carousel-shell .carousel-button.next{right:max(24px,calc(50vw - 610px))!important}.notes-bottom-spacer{position:relative!important;z-index:0!important;display:block!important;height:0!important;background:var(--paper)!important;pointer-events:none!important}.dream-cover-stage{position:relative!important;z-index:8!important;min-height:100svh!important;margin-top:-104svh!important;pointer-events:none!important}.dream-cover-curve{position:absolute!important;top:-179px!important;left:0!important;right:0!important;z-index:9!important;height:180px!important;pointer-events:none!important}.footer-dream-section{position:relative!important;z-index:8!important;height:100svh!important;min-height:760px!important;pointer-events:auto!important}body.front-editing .notes-cover-stage{height:250svh!important;min-height:1620px!important;padding:0!important}body.front-editing .notes-cover-inner{min-height:740px!important;padding-bottom:clamp(110px,16vh,190px)!important;transform:none!important}body.front-editing .notes-bottom-spacer{height:0!important}@media(max-width:760px){:root{--duomei-header-offset: 132px}.notes-to-dream-stage{min-height:auto!important}.notes-cover-stage{height:230svh!important;min-height:1320px!important;padding:0!important}.notes-cover-inner{height:100svh!important;min-height:640px!important;align-content:center!important;padding:8px 0 clamp(96px,16svh,150px)!important;transform:none!important}.notes-intro{width:min(100vw - 28px,460px)!important;margin-bottom:24px!important}.notes-intro h2,.notes-intro-title{width:min(100vw - 28px,430px)!important;font-size:clamp(38px,12.4vw,52px)!important;line-height:1.28!important}.notes-intro span,.notes-intro-subtitle{width:min(100vw - 42px,380px)!important;font-size:16px!important}.notes-carousel-shell .carousel-button{display:none!important}.notes-bottom-spacer{height:0!important}.dream-cover-stage{min-height:100svh!important;margin-top:-96svh!important}.footer-dream-section{min-height:760px!important;height:100svh!important}body.front-editing .notes-cover-stage{height:242svh!important;min-height:1460px!important;padding:0!important}body.front-editing .notes-cover-inner{min-height:760px!important;padding-bottom:clamp(118px,18svh,170px)!important;transform:none!important}body.front-editing .notes-bottom-spacer{height:0!important}}.paper-layer{background:var(--paper)!important}.paper-curve{position:absolute!important;top:-156px!important;left:0!important;right:0!important;z-index:1!important;height:180px!important;background:transparent!important;pointer-events:none!important}.paper-body{position:relative!important;z-index:2!important;min-height:0!important;padding-top:clamp(62px,8vh,96px)!important;padding-bottom:0!important;background:var(--paper)!important}.notes-dream-transition .notes-intro{margin-top:0!important;margin-bottom:clamp(28px,4vh,48px)!important}.notes-dream-transition .notes-intro p,.notes-dream-transition .notes-intro-eyebrow{display:none!important}.notes-dream-transition .notes-intro h2,.notes-dream-transition .notes-intro-title{padding:.08em 0 .18em!important;font-size:clamp(46px,5vw,76px)!important;line-height:1.18!important}.notes-dream-transition .notes-intro span,.notes-dream-transition .notes-intro-subtitle{margin-top:0!important}.notes-dream-transition .notes-carousel-shell{position:relative!important;z-index:3!important}.notes-dream-transition .notes-carousel-shell .carousel-button{top:50%!important}.notes-dream-footer-panel .footer-dream-section{position:relative!important;min-height:100svh!important;height:100svh!important;margin:0!important}@media(max-width:760px){.paper-curve{top:-104px!important;height:128px!important}.paper-body{padding-top:48px!important}.notes-dream-transition .notes-intro h2,.notes-dream-transition .notes-intro-title{font-size:clamp(38px,12vw,54px)!important;line-height:1.24!important}.notes-dream-transition .notes-intro span,.notes-dream-transition .notes-intro-subtitle{font-size:16px!important;line-height:1.5!important}}.duomei-header{z-index:240!important}.duomei-header nav{z-index:245!important}.duomei-menu-toggle{z-index:250!important}.inline-detail-editing{padding-top:18px!important}.detail-toolbar-toggle{position:fixed!important;top:104px!important;right:18px!important;left:auto!important;z-index:118!important;display:inline-flex!important;width:50px!important;height:50px!important;align-items:center!important;justify-content:center!important;margin:0!important;border:1px solid rgba(32,32,29,.1)!important;border-radius:999px!important;background:#fffdf7f0!important;box-shadow:0 18px 48px #20201d1f!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;cursor:pointer!important}.detail-toolbar-toggle:before{content:"?";color:#20201d;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1;transform:translateY(-1px) rotate(-8deg);transition:transform .26s cubic-bezier(.16,1,.3,1)}.detail-toolbar-toggle.is-open:before{transform:translateY(-1px) rotate(10deg) scale(1.08)}.detail-inline-toolbar{position:sticky!important;top:112px!important;z-index:100!important;display:none!important;width:min(920px,calc(100vw - 32px))!important;max-width:100%!important;flex-wrap:wrap!important;margin:0 auto 28px!important;border-radius:28px!important;overflow:visible!important;scrollbar-width:none}.detail-inline-toolbar::-webkit-scrollbar{display:none}.detail-inline-toolbar button,.detail-toolbar-upload{flex:0 0 auto!important}.detail-image-panel{position:fixed!important;inset:96px 18px 18px!important;z-index:180!important;width:auto!important;max-height:none!important;transform:none!important}.image-upload-panel.compact{max-width:980px;margin:0 auto}.studio-publish-panel,.studio-publish-panel *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:anywhere!important}@media(max-width:760px){.detail-inline-toolbar{top:90px!important;width:calc(100vw - 32px)!important;padding:10px!important;gap:8px!important}.detail-toolbar-toggle{top:96px!important;right:14px!important;width:48px!important;height:48px!important}.detail-inline-toolbar button,.detail-toolbar-upload{min-height:38px!important;padding:8px 12px!important;font-size:.9rem!important}.detail-image-panel{inset:86px 10px 10px!important;border-radius:24px!important}.studio-publish-panel{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:24px!important}.studio-publish-panel h2{max-width:none!important;font-size:clamp(1.75rem,8vw,2.6rem)!important;line-height:1.08!important}.studio-publish-actions{justify-content:flex-start!important}}.illustration-layer-inner{box-sizing:border-box!important;padding-bottom:clamp(128px,18vh,220px)!important;transform:translateY(clamp(-104px,-8vh,-58px))!important}.illustration-layer .duomei-hero-image-frame{margin-bottom:clamp(10px,1.6vh,20px)!important}.illustration-layer .duomei-hero-image-frame{height:clamp(320px,36vw,500px)!important;overflow:visible!important}.illustration-layer .duomei-hero-image-frame img{object-fit:contain!important;object-position:center bottom!important}.illustration-layer .bounce-name{margin:clamp(4px,1vh,14px) 0 0!important}.illustration-layer .bounce-name h1{line-height:.78!important}@keyframes duomeiHeroCoverExit{0%,38%{opacity:1;transform:translateY(clamp(-104px,-8vh,-58px))}to{opacity:0;transform:translateY(clamp(-210px,-22vh,-150px)) scale(.98)}}.illustration-layer-inner{animation:duomeiHeroCoverExit linear both!important;animation-timeline:scroll(root)!important;animation-range:0 58vh!important}@media(max-width:760px){.illustration-layer-inner{padding-bottom:clamp(118px,20svh,190px)!important;transform:translateY(clamp(-76px,-7svh,-44px))!important}.illustration-layer .bounce-name h1{line-height:.84!important}.illustration-layer .duomei-hero-image-frame{height:clamp(270px,62vw,340px)!important}@keyframes duomeiHeroCoverExitMobile{0%,34%{opacity:1;transform:translateY(clamp(-76px,-7svh,-44px))}to{opacity:0;transform:translateY(clamp(-160px,-20svh,-112px)) scale(.98)}}.illustration-layer-inner{animation-name:duomeiHeroCoverExitMobile!important;animation-range:0 54vh!important}}.detail-edit-page{padding-top:130px!important}.detail-edit-page article{padding-top:150px!important}.detail-toolbar-toggle{position:fixed!important;top:104px!important;right:max(18px,env(safe-area-inset-right))!important;left:auto!important;z-index:520!important}.detail-toolbar-toggle:before{content:""!important;display:block!important;width:22px!important;height:22px!important;background:linear-gradient(135deg,transparent 0 38%,#20201d 38% 58%,transparent 58%) center / 18px 18px no-repeat,linear-gradient(#20201d,#20201d) 5px 15px / 13px 3px no-repeat!important;transform:rotate(-18deg)!important}.detail-toolbar-toggle.is-open:before{transform:rotate(0) scale(1.08)!important}.detail-inline-toolbar{position:fixed!important;top:112px!important;left:max(24px,calc((100vw - 1120px)/2))!important;right:max(24px,calc((100vw - 1120px)/2))!important;z-index:500!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 140px)!important;margin:0!important;transform:none!important;display:none!important;flex-wrap:wrap!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}.detail-image-panel{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.editable-image-block{width:var(--zoom, 100%)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.editable-image-frame{position:relative;overflow:visible}.editable-image-frame img{display:block;width:100%;max-height:70vh;border-radius:24px;object-fit:cover;box-shadow:0 24px 58px #20201d1f}.image-resize-handle{position:absolute;right:-13px;bottom:-13px;width:34px!important;height:34px!important;border:1px solid rgba(32,32,29,.14)!important;border-radius:999px!important;background:linear-gradient(135deg,transparent 48%,rgba(32,32,29,.72) 49%,rgba(32,32,29,.72) 55%,transparent 56%),#fffdf7f5!important;box-shadow:0 12px 28px #20201d1f;cursor:nwse-resize;touch-action:none}.image-block-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:760px){.detail-edit-page{padding-top:112px!important}.detail-edit-page article{padding-top:132px!important}.detail-toolbar-toggle{top:92px!important;right:max(12px,env(safe-area-inset-right))!important}.detail-inline-toolbar{top:104px!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;width:auto!important;max-height:calc(100dvh - 124px)!important;padding:12px!important;gap:8px!important}}.detail-image-panel{position:fixed!important;inset:104px auto 22px 50%!important;width:min(1160px,calc(100vw - 44px))!important;max-height:calc(100dvh - 126px)!important;transform:translate(-50%)!important;z-index:1600!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:clamp(18px,2vw,28px)!important;border:1px solid rgba(32,32,29,.1)!important;border-radius:28px!important;background:#fffdf7f5!important;box-shadow:0 34px 90px #20201d2e!important}.image-upload-panel{min-height:100%!important;color:#22201d!important}.image-upload-heading,.image-crop-top,.image-upload-row,.image-crop-controls{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important}.image-upload-heading{justify-content:space-between!important;margin-bottom:18px!important}.image-upload-heading strong,.image-crop-top strong{display:block!important;font-size:clamp(1.3rem,3vw,2rem)!important;line-height:1.08!important}.image-upload-heading span,.image-crop-top span,.image-upload-message{color:#77736b!important}.image-upload-row label{flex:1 1 280px!important;display:grid!important;gap:8px!important;color:#77736b!important}.image-upload-row input,.image-crop-controls input,.image-crop-controls select,.editable-image-block figcaption input{width:100%!important;min-height:46px!important;border:1px solid rgba(32,32,29,.12)!important;border-radius:999px!important;background:#fffdf7e0!important;padding:0 16px!important;color:#22201d!important}.image-crop-card{margin-top:18px!important;padding:clamp(14px,2vw,24px)!important;border:1px solid rgba(32,32,29,.1)!important;border-radius:24px!important;background:#f8f5efb8!important}.image-crop-top{justify-content:space-between!important;margin-bottom:16px!important}.image-crop-stage{position:relative!important;width:100%!important;min-height:min(58vh,560px)!important;border:12px solid #20201d!important;border-radius:22px!important;background:#10100e!important;overflow:hidden!important;touch-action:none!important;cursor:grab!important}.image-crop-stage:active{cursor:grabbing!important}.image-crop-stage.aspect-1-1{aspect-ratio:1 / 1!important;min-height:0!important}.image-crop-stage.aspect-4-3{aspect-ratio:4 / 3!important;min-height:0!important}.image-crop-stage.aspect-3-2{aspect-ratio:3 / 2!important;min-height:0!important}.image-crop-stage.aspect-16-9{aspect-ratio:16 / 9!important;min-height:0!important}.image-crop-stage.aspect-9-16{aspect-ratio:9 / 16!important;min-height:0!important;max-height:70vh!important}.image-crop-stage img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transition:none!important;will-change:transform!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}.image-crop-controls{margin-top:16px!important}.image-crop-controls label{min-width:min(280px,100%)!important;display:grid!important;gap:8px!important;color:#77736b!important}.image-crop-controls>input{flex:1 1 320px!important}.image-upload-panel button,.editable-image-floating-tools button,.editable-image-floating-tools select,.image-crop-controls button{min-height:44px!important;border:1px solid rgba(32,32,29,.1)!important;border-radius:999px!important;background:#fffdf7eb!important;color:#22201d!important;padding:0 16px!important;box-shadow:0 10px 24px #20201d0f!important}.image-upload-panel button.is-active,.editable-image-floating-tools .is-active{background:#aab89b38!important}.editable-image-block{position:relative!important;width:var(--zoom, 100%)!important;max-width:100%!important;margin:42px auto!important}.editable-image-block.align-left{margin-left:0!important;margin-right:auto!important}.editable-image-block.align-right{margin-left:auto!important;margin-right:0!important}.editable-image-block.align-full{width:100%!important}.editable-image-block.is-selected .editable-image-frame{outline:2px solid rgba(142,163,132,.75)!important;outline-offset:8px!important}.editable-image-floating-tools{position:relative!important;z-index:20!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;margin:0 0 16px!important;padding:10px!important;border:1px solid rgba(32,32,29,.08)!important;border-radius:22px!important;background:#fffdf7e0!important;box-shadow:0 18px 42px #20201d1a!important}.editable-image-frame{position:relative!important;overflow:visible!important}.editable-image-frame img,.article-image img{display:block!important;width:100%!important;border-radius:24px!important;object-fit:cover!important;box-shadow:0 24px 58px #20201d1f!important}.editable-image-frame.aspect-original img,.article-image.aspect-original img{height:auto!important;object-fit:contain!important}.editable-image-frame.aspect-1-1,.article-image.aspect-1-1{aspect-ratio:1 / 1!important;overflow:hidden!important;border-radius:24px!important}.editable-image-frame.aspect-4-3,.article-image.aspect-4-3{aspect-ratio:4 / 3!important;overflow:hidden!important;border-radius:24px!important}.editable-image-frame.aspect-3-2,.article-image.aspect-3-2{aspect-ratio:3 / 2!important;overflow:hidden!important;border-radius:24px!important}.editable-image-frame.aspect-16-9,.article-image.aspect-16-9{aspect-ratio:16 / 9!important;overflow:hidden!important;border-radius:24px!important}.editable-image-frame.aspect-9-16,.article-image.aspect-9-16{aspect-ratio:9 / 16!important;overflow:hidden!important;border-radius:24px!important}.editable-image-frame[class*=aspect-]:not(.aspect-original) img,.article-image[class*=aspect-]:not(.aspect-original) img{height:100%!important}.image-resize-handle{position:absolute!important;width:34px!important;height:34px!important;border:1px solid rgba(32,32,29,.14)!important;border-radius:999px!important;background:#fffdf7fa!important;box-shadow:0 12px 28px #20201d24!important;touch-action:none!important;z-index:25!important}.handle-nw{left:-17px!important;top:-17px!important;cursor:nwse-resize!important}.handle-ne{right:-17px!important;top:-17px!important;cursor:nesw-resize!important}.handle-sw{left:-17px!important;bottom:-17px!important;cursor:nesw-resize!important}.handle-se{right:-17px!important;bottom:-17px!important;cursor:nwse-resize!important}.article-image{width:var(--zoom, 100%)!important;max-width:100%!important;margin:42px auto!important}.article-image.align-left{margin-left:0!important;margin-right:auto!important}.article-image.align-right{margin-left:auto!important;margin-right:0!important}.article-image.align-full{width:100%!important}@media(max-width:760px){.detail-image-panel{inset:88px 12px 12px!important;width:auto!important;transform:none!important;padding:14px!important;border-radius:24px!important}.image-crop-stage{min-height:320px!important;border-width:8px!important}.editable-image-floating-tools{justify-content:flex-start!important;max-height:190px!important;overflow-y:auto!important}.editable-image-block{width:min(var(--zoom, 100%),100%)!important}}html.duomei-modal-open,body.duomei-modal-open{overflow:hidden!important;overscroll-behavior:none!important}.duomei-modal-open .detail-image-panel{position:fixed!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y pinch-zoom!important;z-index:1800!important}.detail-image-panel,.detail-image-panel *{overscroll-behavior:contain}.duomei-motion-root{min-height:100%;--motion-duration-xs: .12s;--motion-duration-s: .22s;--motion-duration-m: .42s;--motion-duration-l: .65s;--motion-duration-xl: .9s;--motion-duration-xxl: 1.6s;--motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--motion-ease-soft: cubic-bezier(.22, 1, .36, 1);--motion-reveal-y: 18px;--motion-reveal-blur: 8px;--motion-hover-lift: -4px;--motion-hover-image-scale: 1.025;--motion-hover-title-x: 2px;--motion-hover-arrow-x: 4px;--motion-hover-shadow: 0 22px 60px rgba(58, 48, 36, .14);--motion-ambient-logo-duration: 8s;--motion-ambient-background-duration: 60s;--motion-ambient-shadow-duration: 9s;--motion-hero-duration: 12s;--motion-hero-x: 1px;--motion-hero-y: 2px;--motion-hero-rotate: .2deg}.duomei-motion-reveal-item{transition:opacity var(--motion-duration-l) var(--motion-ease-standard),transform var(--motion-duration-l) var(--motion-ease-standard),filter var(--motion-duration-l) var(--motion-ease-standard),clip-path var(--motion-duration-l) var(--motion-ease-standard);transition-delay:calc(var(--motion-stagger-index, 0) * 60ms)}.duomei-motion-reveal-section:not(.is-revealed)>.duomei-motion-reveal-item,.duomei-motion-reveal-section:not(.is-revealed)>*>.duomei-motion-reveal-item{opacity:0;transform:translateY(var(--motion-reveal-y));filter:blur(var(--motion-reveal-blur));clip-path:inset(0 0 18% 0 round 18px)}.duomei-motion-reveal-section.is-revealed>.duomei-motion-reveal-item,.duomei-motion-reveal-section.is-revealed>*>.duomei-motion-reveal-item{opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(0 0 0 0 round 0)}.duomei-motion-card{transition:transform var(--motion-duration-l) var(--motion-ease-standard),box-shadow var(--motion-duration-l) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard);will-change:transform}.duomei-motion-card:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--motion-hover-shadow)}.duomei-motion-image{overflow:hidden}.duomei-motion-image img,.duomei-motion-image .note-cover-placeholder{transition:transform var(--motion-duration-l) var(--motion-ease-standard);transform-origin:center;will-change:transform}.duomei-motion-card:hover .duomei-motion-image img,.duomei-motion-card:hover .duomei-motion-image .note-cover-placeholder{transform:scale(var(--motion-hover-image-scale))}.duomei-motion-card-title{transition:transform var(--motion-duration-l) var(--motion-ease-standard)}.duomei-motion-card:hover .duomei-motion-card-title{transform:translate(var(--motion-hover-title-x))}.duomei-motion-card-arrow{display:inline-block;transition:transform var(--motion-duration-l) var(--motion-ease-standard)}.duomei-motion-card:hover .duomei-motion-card-arrow{transform:translate(var(--motion-hover-arrow-x))}.duomei-motion-button{transition:transform var(--motion-duration-m) var(--motion-ease-standard),background-color var(--motion-duration-m) var(--motion-ease-standard),box-shadow var(--motion-duration-m) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard)}.duomei-motion-button:hover{transform:translateY(-2px);box-shadow:0 16px 42px #3a30241f}.duomei-motion-button:active{transform:translateY(0) scale(.98)}.duomei-motion-tag{transition:background-color var(--motion-duration-m) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard),color var(--motion-duration-m) var(--motion-ease-standard)}.duomei-motion-tag:hover{background:#fffdf7d6}.duomei-motion-ambient-logo{transform-origin:left center;animation:duomeiAmbientLogo var(--motion-ambient-logo-duration) ease-in-out infinite}.duomei-motion-ambient-hero{animation:duomeiAmbientHero var(--motion-hero-duration) ease-in-out infinite}.duomei-motion-ambient-background{animation:duomeiAmbientBackground var(--motion-ambient-background-duration) ease-in-out infinite alternate}.duomei-motion-ambient-shadow{animation:duomeiAmbientShadow var(--motion-ambient-shadow-duration) ease-in-out infinite alternate}.duomei-motion-shared{view-transition-name:var(--duomei-shared-name, none);transition:transform var(--motion-duration-l) var(--motion-ease-standard),opacity var(--motion-duration-l) var(--motion-ease-standard)}@keyframes duomeiAmbientLogo{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.006)}}@keyframes duomeiAmbientHero{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(var(--motion-hero-x),calc(var(--motion-hero-y) * -1),0) rotate(var(--motion-hero-rotate))}}@keyframes duomeiAmbientBackground{0%{background-position:50% 50%}to{background-position:51% 49%}}@keyframes duomeiAmbientShadow{0%{box-shadow:0 18px 54px #3a302414}to{box-shadow:0 22px 64px #3a30241f}}@media(prefers-reduced-motion:reduce){.duomei-motion-root *,.duomei-motion-root *:before,.duomei-motion-root *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.duomei-motion-reveal-section:not(.is-revealed)>.duomei-motion-reveal-item,.duomei-motion-reveal-section:not(.is-revealed)>*>.duomei-motion-reveal-item{opacity:1;transform:none;filter:none;clip-path:none}}.illustration-layer{isolation:isolate}.illustration-layer:before{content:"";position:absolute;inset:8vh auto auto 50%;z-index:-1;width:min(1120px,92vw);height:min(520px,58vh);pointer-events:none;background:radial-gradient(circle at 34% 32%,rgba(216,168,78,.1),transparent 30%),radial-gradient(circle at 68% 42%,rgba(151,168,140,.08),transparent 34%),linear-gradient(135deg,#fffdf700,#fffdf785);border-radius:999px;filter:blur(18px);opacity:var(--motion-hero-background-opacity, .032);transform:translate(-50%) rotate(-1deg);animation:duomeiHeroAmbientBackground var(--motion-ambient-background-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.duomei-hero-illustration-wrap.duomei-motion-image{overflow:visible}.duomei-hero-illustration-wrap.duomei-motion-image .duomei-motion-image-media{will-change:transform}.duomei-hero-illustration.duomei-motion-ambient-hero{animation:duomeiAmbientHero var(--motion-hero-duration) var(--motion-ease-ambient, ease-in-out) infinite!important}.bounce-name{transform-origin:center bottom;animation:duomeiHeroTitleBreath var(--motion-hero-duration) var(--motion-ease-ambient, ease-in-out) 1.8s infinite}.illustration-layer .duomei-hero-subname.duomei-motion-paragraph,.illustration-layer .duomei-hero-line.duomei-motion-paragraph,.illustration-layer .duomei-scroll-hint.duomei-motion-paragraph{--hero-line-delay: .86s;will-change:opacity,transform,filter;animation:duomeiHomepageLineRise 1.3s cubic-bezier(.16,1,.3,1) var(--hero-line-delay) both,duomeiHeroTextBreath var(--motion-ambient-logo-duration) var(--motion-ease-ambient, ease-in-out) 2.6s infinite}.illustration-layer .duomei-hero-line.duomei-motion-paragraph{--hero-line-delay: 1.08s}.illustration-layer .duomei-scroll-hint.duomei-motion-paragraph{--hero-line-delay: 1.3s}.paper-curve{animation:duomeiHeroCurveBreath var(--motion-ambient-shadow-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}@keyframes duomeiHeroTitleBreath{0%,to{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:var(--motion-hero-title-opacity, .965);transform:translate3d(0,-1px,0) scale(var(--motion-hero-breath-scale, 1.003))}}@keyframes duomeiHeroTextBreath{0%,to{opacity:1}50%{opacity:.94}}@keyframes duomeiHomepageLineRise{0%{opacity:0;transform:translate3d(0,28px,0);filter:blur(9px)}62%{opacity:1;transform:translate3d(0,-3px,0);filter:blur(1px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes duomeiHeroCurveBreath{0%{opacity:.92;filter:drop-shadow(0 0 0 rgba(42,41,37,0))}to{opacity:1;filter:drop-shadow(0 2px 8px rgba(42,41,37,.04))}}@keyframes duomeiHeroAmbientBackground{0%{transform:translate(-50%) translate3d(-4px,0,0) rotate(-1deg)}to{transform:translate(-50%) translate3d(4px,-2px,0) rotate(-.8deg)}}@media(max-width:760px){.illustration-layer{--motion-hero-x: .5px;--motion-hero-y: 1px;--motion-hero-rotate: .08deg;--motion-hero-background-opacity: .02}.illustration-layer:before{inset-block-start:16vh;height:42vh;animation-duration:calc(var(--motion-ambient-background-duration) * 1.2)}.duomei-hero-illustration.duomei-motion-ambient-hero,.bounce-name{animation-duration:calc(var(--motion-hero-duration) * 1.25)!important}}.duomei-motion-root[data-reduced-motion=true] .illustration-layer:before,.duomei-motion-root[data-reduced-motion=true] .duomei-hero-illustration.duomei-motion-ambient-hero,.duomei-motion-root[data-reduced-motion=true] .bounce-name,.duomei-motion-root[data-reduced-motion=true] .illustration-layer .duomei-motion-paragraph,.duomei-motion-root[data-reduced-motion=true] .paper-curve{animation:none!important}.duomei-motion-root{--motion-hover-standalone-image-scale: 1.02;--motion-hover-button-lift: -2px;--motion-hover-button-scale: 1.015;--motion-hover-tap-scale: .985;--motion-hover-image-shadow: 0 18px 44px rgba(58, 48, 36, .12);--motion-hover-button-shadow: 0 16px 42px rgba(58, 48, 36, .12);--motion-hover-tag-background: rgba(255, 253, 247, .84);--motion-hover-nav-underline-opacity: .56}.duomei-header{transition:background-color var(--motion-duration-m) var(--motion-ease-standard),box-shadow var(--motion-duration-m) var(--motion-ease-standard),backdrop-filter var(--motion-duration-m) var(--motion-ease-standard);box-shadow:0 1px #20201d0a}.duomei-header nav a,.duomei-header nav button,.duomei-footer a,.duomei-brand{position:relative;transition:color var(--motion-duration-m) var(--motion-ease-standard),opacity var(--motion-duration-m) var(--motion-ease-standard),transform var(--motion-duration-m) var(--motion-ease-standard)}.duomei-header nav a:after,.duomei-header nav button:after,.duomei-footer a:after{position:absolute;left:0;right:0;bottom:-6px;height:2px;content:"";background:currentColor;opacity:var(--motion-hover-nav-underline-opacity);transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-duration-m) var(--motion-ease-standard),opacity var(--motion-duration-m) var(--motion-ease-standard)}.duomei-header nav a:hover,.duomei-header nav button:hover,.duomei-footer a:hover{transform:translateY(var(--motion-hover-button-lift))}.duomei-header nav a:hover:after,.duomei-header nav button:hover:after,.duomei-footer a:hover:after{transform:scaleX(1)}.duomei-motion-card,.duomei-note-card,.studio-hero-panel,.studio-health-card,.studio-storage-card,.studio-publish-panel,.admin-utilities,.detail-note-nav-card,.detail-note-nav-home{transition:transform var(--motion-duration-l) var(--motion-ease-standard),box-shadow var(--motion-duration-l) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard),background-color var(--motion-duration-m) var(--motion-ease-standard);will-change:transform}.duomei-motion-image:not(.duomei-hero-illustration-wrap),.detail-cover-wrap,.article-image{transition:transform var(--motion-duration-l) var(--motion-ease-standard),box-shadow var(--motion-duration-l) var(--motion-ease-standard)}.duomei-motion-image:not(.duomei-hero-illustration-wrap) .duomei-motion-image-media,.detail-cover-wrap img{transition:transform var(--motion-duration-l) var(--motion-ease-standard),filter var(--motion-duration-l) var(--motion-ease-standard);transform-origin:center;will-change:transform}.duomei-motion-button,.carousel-button,.back-to-top,.duomei-menu-toggle,.detail-floating-edit-toggle,.detail-inline-toolbar button,.detail-image-panel button,.editable-image-floating-tools button,.image-confirm-item button,.duomei-card-actions button{transition:transform var(--motion-duration-m) var(--motion-ease-standard),background-color var(--motion-duration-m) var(--motion-ease-standard),box-shadow var(--motion-duration-m) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard),color var(--motion-duration-m) var(--motion-ease-standard);will-change:transform}.duomei-motion-button:active,.carousel-button:active,.back-to-top:active,.duomei-menu-toggle:active,.detail-floating-edit-toggle:active,.detail-inline-toolbar button:active,.detail-image-panel button:active,.editable-image-floating-tools button:active,.image-confirm-item button:active,.duomei-card-actions button:active{transform:translateY(0) scale(var(--motion-hover-tap-scale))}.duomei-motion-tag,.note-card-meta span,.detail-meta-pill,.editable-tag,.note-tag,.admin-note-status{transition:background-color var(--motion-duration-m) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard),color var(--motion-duration-m) var(--motion-ease-standard),box-shadow var(--motion-duration-m) var(--motion-ease-standard)}.duomei-motion-tag:hover,.note-card-meta span:hover,.detail-meta-pill:hover,.editable-tag:hover,.note-tag:hover,.admin-note-status:hover{background:var(--motion-hover-tag-background);border-color:#20201d24}[data-motion-key]{--duomei-motion-key: attr(data-motion-key)}.note-block-renderer blockquote.duomei-motion-paragraph{transition:opacity var(--motion-duration-l) var(--motion-ease-standard),transform var(--motion-duration-l) var(--motion-ease-standard),border-color var(--motion-duration-m) var(--motion-ease-standard),background-color var(--motion-duration-m) var(--motion-ease-standard)}@media(hover:hover)and (pointer:fine){.duomei-motion-card:hover,.duomei-note-card:hover,.studio-hero-panel:hover,.studio-health-card:hover,.studio-storage-card:hover,.studio-publish-panel:hover,.admin-utilities:hover,.detail-note-nav-card:hover,.detail-note-nav-home:hover{transform:translateY(var(--motion-hover-lift));box-shadow:var(--motion-hover-shadow)}.duomei-motion-image:not(.duomei-hero-illustration-wrap):hover .duomei-motion-image-media,.detail-cover-wrap:hover img{transform:scale(var(--motion-hover-standalone-image-scale))}.duomei-motion-card:hover .duomei-motion-image .duomei-motion-image-media,.duomei-note-card:hover .note-card-cover .duomei-motion-image-media,.duomei-note-card:hover .note-cover-placeholder{transform:scale(var(--motion-hover-image-scale))}.article-image:hover,.duomei-motion-image:not(.duomei-hero-illustration-wrap):hover,.detail-cover-wrap:hover{box-shadow:var(--motion-hover-image-shadow)}.duomei-motion-button:hover,.carousel-button:hover,.back-to-top:hover,.duomei-menu-toggle:hover,.detail-floating-edit-toggle:hover,.detail-inline-toolbar button:hover,.detail-image-panel button:hover,.editable-image-floating-tools button:hover,.image-confirm-item button:hover,.duomei-card-actions button:hover{transform:translateY(var(--motion-hover-button-lift)) scale(var(--motion-hover-button-scale));box-shadow:var(--motion-hover-button-shadow)}}@media(max-width:760px){.duomei-header nav a:after,.duomei-header nav button:after{bottom:-4px}.duomei-motion-card,.duomei-note-card,.duomei-motion-button,.carousel-button,.back-to-top,.duomei-menu-toggle{will-change:auto}}.duomei-motion-root[data-reduced-motion=true] .duomei-header nav a:after,.duomei-motion-root[data-reduced-motion=true] .duomei-header nav button:after,.duomei-motion-root[data-reduced-motion=true] .duomei-footer a:after{transition:none!important}@supports (view-transition-name: duomei-shared-image){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms;animation-fill-mode:both;mix-blend-mode:normal}::view-transition-group(duomei-shared-image),::view-transition-group(duomei-shared-title){animation-duration:var(--motion-duration-l);animation-timing-function:var(--motion-ease-standard)}::view-transition-old(duomei-shared-image),::view-transition-new(duomei-shared-image),::view-transition-old(duomei-shared-title),::view-transition-new(duomei-shared-title){height:100%;mix-blend-mode:normal}::view-transition-group(duomei-shared-image){overflow:clip;border-radius:22px}}.duomei-progressive-image-media{opacity:0;filter:blur(8px);transform:scale(1.01);background:var(--paper-soft);transition:opacity var(--motion-duration-l) var(--motion-ease-standard),filter var(--motion-duration-l) var(--motion-ease-standard),transform var(--motion-duration-l) var(--motion-ease-standard)}.duomei-progressive-image-media.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.note-card-cover[data-shared-journey-image],.detail-cover-wrap[data-shared-journey-image],[data-shared-journey-title]{contain:layout paint}@media(prefers-reduced-motion:reduce){.duomei-progressive-image-media{opacity:1;filter:none;transform:none;transition:none}}.duomei-motion-root{--motion-photo-reveal-scale: 1.012;--motion-photo-hover-scale: 1.018;--motion-photo-radius: 24px;--motion-photo-mask-inset: 12%;--motion-photo-shadow: 0 16px 42px rgba(58, 48, 36, .095);--motion-photo-hover-shadow: 0 22px 54px rgba(58, 48, 36, .12);--motion-photo-placeholder-blur: 10px}.duomei-motion-image:not(.duomei-hero-illustration-wrap),.detail-cover-wrap,.article-image,.editable-image-frame{overflow:hidden;border-radius:var(--motion-photo-radius);background:#f8f5efc7}.duomei-motion-image:not(.duomei-hero-illustration-wrap){opacity:0;clip-path:inset(0 0 var(--motion-photo-mask-inset) 0 round var(--motion-photo-radius));transform:translateY(10px) scale(var(--motion-photo-reveal-scale));transition:opacity var(--motion-duration-l) var(--motion-ease-standard),clip-path var(--motion-duration-l) var(--motion-ease-standard),transform var(--motion-duration-l) var(--motion-ease-standard),box-shadow var(--motion-duration-l) var(--motion-ease-standard)}.duomei-motion-image:not(.duomei-hero-illustration-wrap).is-image-revealed{opacity:1;clip-path:inset(0 0 0 0 round var(--motion-photo-radius));transform:translateY(0) scale(1)}.duomei-motion-image:not(.duomei-hero-illustration-wrap) .duomei-motion-image-media,.duomei-progressive-image-media,.editable-image-frame img,.article-image img{transform-origin:center;transition:opacity var(--motion-duration-l) var(--motion-ease-standard),filter var(--motion-duration-l) var(--motion-ease-standard),transform var(--motion-duration-l) var(--motion-ease-standard),box-shadow var(--motion-duration-l) var(--motion-ease-standard);will-change:opacity,filter,transform}.duomei-motion-image:not(.duomei-hero-illustration-wrap) .duomei-motion-image-media:not(.is-loaded):not(.note-cover-placeholder),.duomei-progressive-image-media:not(.is-loaded){opacity:0;filter:blur(var(--motion-photo-placeholder-blur));transform:scale(var(--motion-photo-reveal-scale))}.duomei-motion-image:not(.duomei-hero-illustration-wrap) .duomei-motion-image-media.is-loaded,.duomei-progressive-image-media.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.duomei-note-card,.article-image,.detail-cover-wrap,.editable-image-block{box-shadow:none}.editable-image-frame img,.article-image img{box-shadow:var(--motion-photo-shadow)!important}.note-card-cover,.detail-cover-wrap{box-shadow:none}@media(hover:hover)and (pointer:fine){.duomei-note-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 54px #3a30241f!important;border-color:#20201d24!important}.duomei-note-card:hover img,.duomei-note-card:hover .note-cover-placeholder,.duomei-note-card:hover .note-card-cover .duomei-motion-image-media,.duomei-motion-card:hover .duomei-motion-image .duomei-motion-image-media,.duomei-motion-image:not(.duomei-hero-illustration-wrap):hover .duomei-motion-image-media,.detail-cover-wrap:hover img,.article-image:hover img{transform:scale(var(--motion-photo-hover-scale))!important}.duomei-motion-image:not(.duomei-hero-illustration-wrap):hover,.detail-cover-wrap:hover,.article-image:hover{box-shadow:var(--motion-photo-hover-shadow)!important}}@media(max-width:760px){.duomei-motion-image:not(.duomei-hero-illustration-wrap),.duomei-progressive-image-media,.article-image img,.editable-image-frame img{transition-duration:var(--motion-duration-m)}}@media(prefers-reduced-motion:reduce){.duomei-motion-image:not(.duomei-hero-illustration-wrap),.duomei-motion-image:not(.duomei-hero-illustration-wrap) .duomei-motion-image-media,.duomei-progressive-image-media{opacity:1;clip-path:none;filter:none;transform:none;transition:none}}.duomei-motion-root{position:relative;isolation:isolate;min-height:100%;background:radial-gradient(circle at 24% 18%,rgba(255,253,247,.58),transparent 34%),radial-gradient(circle at 78% 72%,rgba(181,196,172,.08),transparent 32%),linear-gradient(135deg,#f8f5eff5,#f2ebdfeb);background-size:140% 140%,130% 130%,100% 100%}.duomei-motion-root:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 50% 0%,rgba(255,253,247,.38),transparent 42%),linear-gradient(112deg,transparent 0%,rgba(255,253,247,.22) 38%,transparent 72%);opacity:var(--motion-ambient-background-opacity, .035);transform:translate3d(-1px,0,0);animation:duomeiLivingLightDrift var(--motion-ambient-light-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.duomei-motion-root>*{position:relative;z-index:1}.duomei-motion-ambient-logo{transform-origin:left center;animation:duomeiLivingLogoBreath var(--motion-ambient-logo-duration) var(--motion-ease-ambient, ease-in-out) infinite!important}.duomei-hero-illustration.duomei-motion-ambient-hero,.illustration-layer .duomei-hero-image-frame{transform-origin:center bottom;animation:duomeiLivingHeroFloat var(--motion-hero-duration) var(--motion-ease-ambient, ease-in-out) infinite!important}.illustration-layer:before,.footer-dream-motion-bg,.notes-dream-notes-panel:before,.notes-dream-footer-panel:before{animation:duomeiLivingBackgroundDrift var(--motion-ambient-background-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.paper-curve svg,.notes-dream-divider svg,.dream-cover-curve svg,.footer-dream-curve svg{transform-origin:center bottom;animation:duomeiLivingCurveBreath var(--motion-ambient-curve-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.duomei-note-card,.duomei-motion-card{animation:duomeiLivingCardIdle var(--motion-ambient-shadow-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.studio-hero-panel,.studio-health-card,.studio-storage-card,.studio-publish-panel,.admin-utilities,.detail-note-nav-card,.detail-note-nav-home,.duomei-footer,.dream-card{animation:duomeiLivingShadowBreath var(--motion-ambient-shadow-duration) var(--motion-ease-ambient, ease-in-out) infinite alternate}.footer-dream-section,.duomei-footer,.duomei-page,.admin-shell,.note-detail-page{background-position:50% 50%;animation:duomeiLivingSurfaceDrift calc(var(--motion-ambient-background-duration) * 1.15) var(--motion-ease-ambient, ease-in-out) infinite alternate}@keyframes duomeiLivingBackgroundShift{0%{filter:saturate(1)}to{filter:saturate(1.012)}}@keyframes duomeiLivingLightDrift{0%{opacity:calc(var(--motion-ambient-background-opacity, .035) * .72);transform:translate3d(-1px,0,0)}to{opacity:var(--motion-ambient-background-opacity, .035);transform:translate3d(1px,-1px,0)}}@keyframes duomeiLivingLogoBreath{0%,to{opacity:1;transform:translateZ(0) scale(1)}50%{opacity:.985;transform:translate3d(0,calc(var(--motion-ambient-logo-move, 1px) * -1),0) scale(var(--motion-ambient-logo-scale, 1.002))}}@keyframes duomeiLivingHeroFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(1px,-2px,0) rotate(var(--motion-ambient-max-rotate, .3deg))}}@keyframes duomeiLivingBackgroundDrift{0%{transform:translate3d(-1px,0,0);opacity:.96}to{transform:translate3d(1px,-1px,0);opacity:1}}@keyframes duomeiLivingCurveBreath{0%{opacity:.94;transform:translateZ(0) scaleY(1)}to{opacity:1;transform:translate3d(0,-1px,0) scaleY(1.002)}}@keyframes duomeiLivingShadowBreath{0%{box-shadow:0 12px 28px rgba(58,48,36,var(--motion-ambient-shadow-opacity, .018))}to{box-shadow:0 16px 34px rgba(58,48,36,calc(var(--motion-ambient-shadow-opacity, .018) + .01))}}@keyframes duomeiLivingCardIdle{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.4px,0)}}@keyframes duomeiLivingSurfaceDrift{0%{background-position:50% 50%}to{background-position:50.3% 49.8%}}@media(max-width:760px){.duomei-motion-root{--motion-ambient-background-opacity: .022;--motion-ambient-shadow-opacity: .01}.duomei-motion-root:before{opacity:.018}.duomei-note-card,.duomei-motion-card{animation-duration:calc(var(--motion-ambient-shadow-duration) * 1.6)}.studio-hero-panel,.studio-health-card,.studio-storage-card,.studio-publish-panel,.admin-utilities,.detail-note-nav-card,.detail-note-nav-home,.duomei-footer,.dream-card{animation:none}}.duomei-motion-root[data-reduced-motion=true],.duomei-motion-root[data-reduced-motion=true]:before,.duomei-motion-root[data-reduced-motion=true] .duomei-motion-ambient-logo,.duomei-motion-root[data-reduced-motion=true] .duomei-motion-ambient-hero,.duomei-motion-root[data-reduced-motion=true] .duomei-hero-image-frame,.duomei-motion-root[data-reduced-motion=true] .paper-curve svg,.duomei-motion-root[data-reduced-motion=true] .notes-dream-divider svg,.duomei-motion-root[data-reduced-motion=true] .dream-cover-curve svg,.duomei-motion-root[data-reduced-motion=true] .footer-dream-curve svg,.duomei-motion-root[data-reduced-motion=true] .duomei-note-card,.duomei-motion-root[data-reduced-motion=true] .duomei-motion-card,.duomei-motion-root[data-reduced-motion=true] .duomei-footer,.duomei-motion-root[data-reduced-motion=true] .dream-card{animation:none!important;filter:none!important}.notes-dream-transition{overflow:visible!important;background:var(--paper)!important}.notes-dream-notes-panel{min-height:100svh!important;display:grid!important;align-items:center!important;padding:clamp(78px,9vh,122px) 0 clamp(70px,8vh,110px)!important}.notes-dream-notes-content{display:grid!important;gap:clamp(32px,4.5vh,56px)!important}.notes-dream-divider{height:clamp(58px,7vh,94px)!important;margin:0!important;overflow:hidden!important}.notes-dream-footer-panel{min-height:100svh!important;margin:0!important;overflow:hidden!important}.notes-intro,.notes-dream-transition .notes-intro{overflow:visible!important;margin-bottom:0!important}.notes-intro h2,.notes-intro-title,.notes-dream-transition .notes-intro h2,.notes-dream-transition .notes-intro-title{min-height:0!important;height:auto!important;overflow:visible!important;padding-top:.16em!important;padding-bottom:.2em!important;line-height:1.22!important;white-space:normal!important}.notes-intro-title{resize:vertical}.notes-carousel{scroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-inline:contain;cursor:grab;user-select:none;-webkit-user-select:none}.notes-carousel.is-mouse-dragging,.notes-carousel.is-inertia-scrolling{cursor:grabbing;scroll-snap-type:none}.notes-carousel.is-mouse-dragging .duomei-note-card>a{pointer-events:none}.notes-carousel .duomei-note-card,.notes-carousel .duomei-note-card *{user-select:none;-webkit-user-select:none}.notes-carousel img,.notes-carousel a{-webkit-user-drag:none}.notes-carousel-track{touch-action:pan-x pan-y pinch-zoom!important}@media(max-width:760px){.notes-carousel{overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y pinch-zoom!important}}.notes-carousel-shell .carousel-button{top:50%!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;border-color:#20201d1a!important;background:#fffdf7c2!important;color:#20201d00!important;font-size:0!important;line-height:1!important;box-shadow:0 8px 18px #20201d14!important;opacity:.82!important;transform:translateY(-50%) scale(1)!important;transform-origin:center!important;transition:width .18s ease,height .18s ease,min-width .18s ease,color .14s ease,font-size .14s ease,opacity .14s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;z-index:20!important}.notes-carousel-shell .carousel-button:hover,.notes-carousel-shell .carousel-button:focus-visible{width:54px!important;height:54px!important;min-width:54px!important;border-color:#20201d29!important;background:#fffdf7f0!important;color:#20201d!important;font-size:1.6rem!important;box-shadow:0 18px 36px #20201d1f!important;opacity:1!important;transform:translateY(-50%) scale(1.02)!important}.notes-carousel-shell .carousel-button.prev{left:max(18px,calc((100vw - 1220px)/2))!important;right:auto!important}.notes-carousel-shell .carousel-button.next{right:max(18px,calc((100vw - 1220px)/2))!important;left:auto!important}.inline-detail-editing{padding-top:118px!important}.detail-toolbar-toggle{position:fixed!important;top:104px!important;right:22px!important;z-index:210!important;width:54px!important;height:54px!important}.detail-toolbar-toggle:before{content:"?"!important;font-family:Georgia,Times New Roman,serif!important;font-size:28px!important;line-height:1!important;color:#20201d!important;transform:rotate(-8deg)!important}.detail-inline-toolbar{position:fixed!important;top:116px!important;left:50%!important;z-index:190!important;width:min(1080px,calc(100vw - 148px))!important;max-height:31vh!important;margin:0!important;transform:translate(-50%)!important;display:none!important;flex-wrap:wrap!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}.detail-image-panel{position:fixed!important;inset:96px 18px 18px!important;z-index:260!important;width:auto!important;max-height:none!important;transform:none!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:#fffdf7eb!important;border-radius:28px!important;box-shadow:0 26px 90px #20201d2e!important}.detail-image-panel .image-upload-panel{max-width:1160px!important;margin:0 auto!important}.duomei-header{z-index:300!important}.duomei-menu-toggle,.duomei-header nav{z-index:320!important}.studio-publish-panel,.studio-publish-panel *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:break-word!important}@media(max-width:760px){.notes-dream-notes-panel{min-height:auto!important;padding:58px 0 86px!important}.notes-dream-divider{height:64px!important}.notes-carousel-shell .carousel-button{display:none!important}.inline-detail-editing{padding-top:108px!important}.detail-toolbar-toggle{top:92px!important;right:16px!important;width:50px!important;height:50px!important}.detail-inline-toolbar{top:152px!important;left:12px!important;width:calc(100vw - 24px)!important;max-height:35vh!important;transform:none!important;padding:12px!important}.detail-inline-toolbar button,.detail-toolbar-upload{min-height:38px!important;padding:8px 12px!important;font-size:.92rem!important}.detail-image-panel{inset:78px 8px 8px!important;border-radius:22px!important}}.duomei-header{z-index:7000!important}.duomei-header .duomei-menu-toggle,.duomei-header nav{z-index:7010!important}@media(max-width:760px){.duomei-menu-toggle{display:inline-flex!important;position:relative!important;pointer-events:auto!important}.duomei-header nav{position:absolute!important;top:calc(100% + 8px)!important;right:14px!important;display:grid!important;width:min(148px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;grid-template-columns:1fr!important;gap:6px!important;padding:9px!important;border-radius:24px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px) scale(.96)!important}.duomei-header.is-menu-open nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.duomei-header nav a,.duomei-header nav button{display:flex!important;width:100%!important;min-height:36px!important;justify-content:center!important;pointer-events:auto!important;white-space:nowrap!important}}.duomei-header,.duomei-header .duomei-menu-toggle,.duomei-header nav{z-index:1000!important}.duomei-detail.detail-edit-page{padding-top:clamp(112px,10vh,148px)!important}.detail-toolbar-toggle{position:fixed!important;top:122px!important;right:clamp(22px,3vw,54px)!important;z-index:720!important;width:56px!important;height:56px!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;border:1px solid rgba(32,32,29,.1)!important;background:#fffdf7e6!important;box-shadow:0 18px 42px #20201d1f!important}.detail-toolbar-toggle span{display:none!important}.detail-toolbar-toggle:before{content:"✎"!important;font-family:Georgia,Times New Roman,serif!important;font-size:31px!important;line-height:1!important;color:#20201d!important;transform:rotate(-10deg)!important}.detail-toolbar-toggle.is-open:before{transform:rotate(8deg) scale(1.04)!important}.detail-inline-toolbar{position:fixed!important;top:128px!important;left:50%!important;z-index:650!important;width:min(1120px,calc(100vw - 180px))!important;max-height:min(26vh,190px)!important;transform:translate(-50%)!important;margin:0!important;padding:14px!important;display:none!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;overflow:auto!important;overscroll-behavior:contain!important;background:#fffdf7eb!important;border:1px solid rgba(32,32,29,.08)!important;border-radius:24px!important;box-shadow:0 26px 72px #20201d24!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.detail-inline-toolbar.is-open{display:flex!important}.detail-inline-toolbar button{min-height:42px!important;padding:9px 16px!important;border-radius:999px!important;white-space:nowrap!important}.detail-image-panel{position:fixed!important;inset:112px 18px 18px!important;z-index:900!important;width:auto!important;height:auto!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;transform:none!important;background:#fffdf7f5!important;border:1px solid rgba(32,32,29,.08)!important;border-radius:28px!important;box-shadow:0 30px 100px #20201d33!important}.image-crop-stage{touch-action:none!important}.editable-tags{align-items:flex-start!important}.editable-tag input{min-width:5em!important}.editable-tag button:before,.editable-tag button:after{content:none!important}@media(max-width:760px){.duomei-detail.detail-edit-page{padding-top:104px!important}.detail-toolbar-toggle{top:88px!important;right:14px!important;z-index:720!important;width:52px!important;height:52px!important}.detail-inline-toolbar{top:148px!important;left:12px!important;width:calc(100vw - 24px)!important;max-height:34vh!important;transform:none!important;border-radius:22px!important}.detail-image-panel{inset:76px 8px 8px!important;border-radius:22px!important}}.duomei-detail.detail-edit-page{padding-top:clamp(128px,12vh,164px)!important}.duomei-detail.detail-edit-page.toolbar-open{padding-top:clamp(232px,24vh,300px)!important}.detail-toolbar-toggle{z-index:1200!important}.detail-inline-toolbar{position:fixed!important;top:122px!important;left:50%!important;right:auto!important;z-index:950!important;width:min(1120px,calc(100vw - 190px))!important;max-height:min(25vh,184px)!important;transform:translate(-50%)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}.detail-inline-toolbar::-webkit-scrollbar{display:none!important}.detail-image-panel{position:fixed!important;inset:96px 18px 18px!important;z-index:1300!important;width:auto!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;transform:none!important;contain:layout paint!important}.detail-image-panel .image-upload-panel{max-width:1160px!important;min-height:100%!important;margin:0 auto!important}.studio-admin,.studio-admin *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important}.studio-publish-panel,.studio-hero-panel,.studio-utilities,.studio-notes-panel{min-width:0!important}.studio-publish-panel span,.studio-hero-panel span,.studio-utilities p,.studio-utilities textarea{max-width:100%!important;line-height:1.75!important;overflow-wrap:break-word!important}@media(max-width:760px){.duomei-detail.detail-edit-page{padding-top:116px!important}.duomei-detail.detail-edit-page.toolbar-open{padding-top:286px!important}.detail-toolbar-toggle{top:88px!important;right:max(14px,env(safe-area-inset-right))!important;z-index:1200!important}.detail-inline-toolbar{top:148px!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;width:auto!important;max-height:126px!important;transform:none!important;padding:12px!important;border-radius:22px!important}.detail-inline-toolbar button{min-height:38px!important;padding:8px 12px!important;font-size:.9rem!important}.detail-image-panel{inset:74px 8px 8px!important;border-radius:22px!important}.studio-admin{display:block!important}.studio-admin aside,.studio-admin>section,.studio-admin>div{width:100%!important;max-width:none!important}.studio-publish-panel{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.studio-publish-panel h2,.studio-publish-panel h3,.studio-publish-panel .motion-title{font-size:clamp(1.9rem,10vw,3.25rem)!important;line-height:1.08!important}}.duomei-header{z-index:3000!important}.duomei-header .duomei-menu-toggle,.duomei-header nav{z-index:3100!important}.duomei-detail.detail-edit-page{padding-top:196px!important}.duomei-detail.detail-edit-page.toolbar-open{padding-top:296px!important}.detail-toolbar-toggle{position:fixed!important;top:118px!important;right:max(24px,calc((100vw - 1200px)/2 + 24px))!important;z-index:2600!important}.detail-inline-toolbar{box-sizing:border-box!important;position:fixed!important;top:118px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:min(1080px,calc(100vw - 190px))!important;max-width:calc(100vw - 190px)!important;max-height:none!important;z-index:2200!important;overflow:auto!important;overscroll-behavior:contain!important;background:#fffdf7!important;border:1px solid rgba(32,32,29,.1)!important;box-shadow:0 28px 70px #20201d29!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.detail-image-panel{box-sizing:border-box!important;z-index:4000!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.image-upload-panel{overscroll-behavior:contain!important}@media(max-width:760px){.duomei-detail.detail-edit-page{padding-top:154px!important}.duomei-detail.detail-edit-page.toolbar-open{padding-top:382px!important}.detail-toolbar-toggle{top:88px!important;right:max(14px,env(safe-area-inset-right))!important;z-index:2800!important}.detail-inline-toolbar{top:148px!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;transform:none!important;width:auto!important;max-width:none!important;max-height:none!important;padding:14px!important;align-content:start!important}.detail-image-panel{inset:74px 8px 8px!important}}.duomei-detail.detail-edit-page.toolbar-open article{margin-top:clamp(18px,3vh,34px)!important}.detail-edit-page .detail-cover-wrap{scroll-margin-top:300px!important}.editable-tag button,.tag-add-button{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;color:#20201d!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:18px!important;line-height:1!important;text-align:center!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}@media(max-width:760px){.duomei-detail.detail-edit-page.toolbar-open article{margin-top:22px!important}.detail-edit-page .detail-cover-wrap{scroll-margin-top:330px!important}}.duomei-card-actions{z-index:80!important;pointer-events:auto!important}.duomei-card-actions button{pointer-events:auto!important;cursor:pointer!important}.duomei-note-card>a{position:relative!important;z-index:1!important}.duomei-header,.duomei-header .duomei-menu-toggle,.duomei-header nav{z-index:5200!important}.duomei-note-card{--note-tilt-x: 0deg;--note-tilt-y: 0deg;transform-style:preserve-3d;transform-origin:center;backface-visibility:hidden}.duomei-note-card>a{transform-style:preserve-3d}.duomei-note-card .note-card-cover{position:relative;overflow:hidden}.duomei-note-card .note-card-cover:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,242,188,.24) 38%,transparent 64%) border-box;box-shadow:inset 0 0 0 2px #ffffffb8,inset 0 0 18px #fff2bc38,0 0 18px #fff4c44d;opacity:0;pointer-events:none;transition:opacity .36s ease-out}.duomei-note-card .note-card-cover .duomei-motion-image-media,.duomei-note-card .note-card-cover img,.duomei-note-card .note-cover-placeholder{transform-origin:center;transition:transform .82s cubic-bezier(.16,1,.3,1),filter .82s cubic-bezier(.16,1,.3,1)!important;will-change:transform}@media(hover:hover)and (pointer:fine){.duomei-note-card:hover,.duomei-note-card.is-tilting{animation:none!important;transition:box-shadow .12s ease-out,border-color .12s ease-out!important;transform:perspective(900px) translateY(-10px) rotateX(var(--note-tilt-x)) rotateY(var(--note-tilt-y)) scale3d(1.09,1.09,1.09)!important;box-shadow:0 34px 86px #3a302438!important;border-color:#20201d29!important;z-index:6}.duomei-note-card.is-resetting-tilt{transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease-out,border-color .16s ease-out!important}.duomei-note-card:hover .note-card-cover,.duomei-note-card.is-tilting .note-card-cover{transform:translateZ(26px)}.duomei-note-card:hover .note-card-cover:before,.duomei-note-card.is-tilting .note-card-cover:before{opacity:1}.duomei-note-card:hover .note-card-cover .duomei-motion-image-media,.duomei-note-card.is-tilting .note-card-cover .duomei-motion-image-media,.duomei-note-card:hover .note-card-cover img,.duomei-note-card.is-tilting .note-card-cover img,.duomei-note-card:hover .note-cover-placeholder,.duomei-note-card.is-tilting .note-cover-placeholder{transform:scale(1.18)!important}.duomei-note-card:hover .note-card-body,.duomei-note-card.is-tilting .note-card-body{transform:translateZ(18px)}}@media(prefers-reduced-motion:reduce){.duomei-note-card:hover,.duomei-note-card.is-tilting{transform:translateY(-4px) scale(1.01)!important}.duomei-note-card .note-card-cover:before{opacity:0!important}}.detail-toolbar-toggle{z-index:3600!important}.detail-inline-toolbar{z-index:3400!important}.detail-image-panel{position:fixed!important;inset:104px 18px 18px!important;z-index:5000!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:#fffdf7!important;border-radius:24px!important;box-shadow:0 28px 80px #20201d2e!important;touch-action:pan-y!important}.detail-image-panel .image-upload-panel{min-height:100%!important}.image-crop-stage{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}.image-crop-stage img{pointer-events:none!important;transition:none!important;will-change:transform!important;transform-origin:center center!important}.detail-save-message{z-index:5300!important}.detail-save-message.sync-error{border-color:#863c3042!important;color:#7d3c32!important}@media(max-width:760px){.detail-image-panel{inset:76px 8px 8px!important;border-radius:20px!important}.illustration-layer{overflow:hidden!important}.illustration-layer:before{top:48%!important;left:50%!important;width:96vw!important;height:42vh!important;max-width:none!important;transform:translate3d(-50%,-50%,0) rotate(-2deg)!important;overflow:hidden!important}.illustration-layer-inner,.duomei-hero-illustration-wrap,.duomei-hero-illustration,.duomei-hero-image-frame{overflow:hidden!important}}.duomei-companion{position:fixed;right:26px;bottom:calc(118px + env(safe-area-inset-bottom));z-index:64;width:126px;pointer-events:none;opacity:.96;contain:layout style;-webkit-user-select:none;user-select:none}.duomei-companion--global{right:0;bottom:clamp(96px,36vh,280px);width:116px;opacity:1;transform:translate3d(76%,0,0);transition:opacity var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease),transform var(--motion-duration-normal, .42s) var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)),filter var(--motion-duration-fast, .18s) ease;animation:none}.duomei-companion--global:before{content:"";position:absolute;left:4px;top:10px;z-index:2;width:18px;height:28px;border-radius:100% 0;background:linear-gradient(135deg,#e0ee96f5,#769f3dfa 62%,#496929fa);box-shadow:inset 4px 4px #ffffff5c,0 8px 18px #4c562f2e;transform:rotate(-22deg);transform-origin:90% 88%;pointer-events:none;animation:duomeiRailLeaf 7.8s ease-in-out infinite}.duomei-companion--global .duomei-companion-button{opacity:0;transform:translate3d(24px,0,0) scale(.92);transition:opacity var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease),transform var(--motion-duration-normal, .42s) var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1))}.duomei-companion--global:hover,.duomei-companion--global:focus-within,.duomei-companion--global.is-placed,.duomei-companion--global.is-dragging,.duomei-companion--global.is-rest-armed{opacity:.98;transform:translateZ(0)}.duomei-companion--global:hover:before,.duomei-companion--global:focus-within:before,.duomei-companion--global.is-placed:before,.duomei-companion--global.is-dragging:before,.duomei-companion--global.is-rest-armed:before{opacity:0}.duomei-companion--global:hover .duomei-companion-button,.duomei-companion--global:focus-within .duomei-companion-button,.duomei-companion--global.is-placed .duomei-companion-button,.duomei-companion--global.is-dragging .duomei-companion-button,.duomei-companion--global.is-rest-armed .duomei-companion-button{opacity:1;transform:translateZ(0) scale(1)}.duomei-companion--footer{position:absolute;right:clamp(18px,8vw,128px);bottom:16px;z-index:1;width:136px}.duomei-companion--not-found{position:relative;right:auto;bottom:auto;z-index:1;width:150px;margin:28px 0 0}.duomei-companion-button{all:unset;display:block;width:100%;cursor:grab;pointer-events:auto;touch-action:none;transform-origin:50% 82%;animation:duomeiCompanionAmbient 9.5s var(--motion-ease-ambient, ease-in-out) infinite alternate}.duomei-companion.is-dragging{z-index:72}.duomei-companion.is-dragging .duomei-companion-button{cursor:grabbing;animation-play-state:paused;transform:translate3d(0,-2px,0) rotate(.25deg)}.duomei-companion.is-rest-armed .duomei-companion-button{transform:translate3d(0,-4px,0) rotate(-.35deg)}.duomei-companion-rest-zone{position:fixed;left:0;right:0;bottom:0;z-index:70;width:100%;padding:18px 18px calc(22px + env(safe-area-inset-bottom));border-top:1px solid rgba(126,105,75,.18);background:#f4ecdd00;color:#7c684f00;font-size:14px;font-weight:700;letter-spacing:.04em;text-align:center;box-shadow:none;pointer-events:none;opacity:0;transform:translate3d(0,12px,0);transition:opacity var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease),transform var(--motion-duration-fast, .18s) var(--motion-ease-standard, ease),background var(--motion-duration-fast, .18s) ease,border-color var(--motion-duration-fast, .18s) ease,color var(--motion-duration-fast, .18s) ease}.duomei-companion-rest-zone.is-active{border-color:#96584857;background:#f6dfd6e6;color:#8a5549;opacity:1;transform:translateZ(0)}.duomei-companion-button:focus-visible{outline:1px solid rgba(66,60,50,.5);outline-offset:4px;border-radius:999px}.duomei-companion-svg{display:block;width:100%;height:auto;overflow:visible;image-rendering:auto;filter:drop-shadow(2px 2px 0 rgba(39,35,28,.14)) drop-shadow(0 18px 28px rgba(58,48,36,.12))}.duomei-companion-note{position:absolute;right:72%;left:auto;bottom:78%;width:max-content;max-width:210px;padding:10px 14px;border:1px solid rgba(151,133,105,.24);border-radius:14px 14px 12px;background:#fffdf7e6;color:#3a332b;font-size:13px;line-height:1.7;letter-spacing:0;box-shadow:0 18px 40px #3a30241a;opacity:0;pointer-events:none;transform:translate3d(0,6px,0) rotate(-1deg);transition:opacity var(--motion-duration-normal, .42s) var(--motion-ease-standard, ease),transform var(--motion-duration-normal, .42s) var(--motion-ease-standard, ease)}.duomei-companion.is-note-right .duomei-companion-note{right:auto;left:72%;border-radius:14px 14px 14px 12px;transform:translate3d(0,6px,0) rotate(1deg)}.duomei-companion-note.is-visible{opacity:1;transform:translateZ(0) rotate(-1deg)}.duomei-companion.is-note-right .duomei-companion-note.is-visible{transform:translateZ(0) rotate(1deg)}.companion-body{transform-origin:80px 112px}.duomei-companion-svg--idle .companion-body,.duomei-companion-svg--sit .companion-body{animation:duomeiCompanionIdle 20s var(--motion-ease-ambient, ease-in-out) infinite}.duomei-companion-svg--look .companion-head{transform-origin:82px 86px;animation:duomeiCompanionLookHead 3s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-walking{animation:duomeiCompanionWalk .7s steps(2,end) infinite alternate}.companion-body.is-happy{animation:duomeiCompanionHappy 1s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-body.is-dragging{opacity:.96;filter:drop-shadow(0 12px 16px rgba(58,48,36,.16));transform:translate3d(0,-4px,0)}.companion-body.is-sleeping{animation:duomeiCompanionSleepBody 8s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-resting{animation:duomeiCompanionRest 1.5s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1 forwards}.companion-body.is-stretching{animation:duomeiCompanionStretch 2.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-yawning{animation:duomeiCompanionYawn 3.6s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-hopping{animation:duomeiCompanionHop 1.35s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-body.is-spinning{animation:duomeiCompanionSpin 1.9s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-body.is-bagging{animation:duomeiCompanionBag 2.4s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-dozing{animation:duomeiCompanionDoze 4.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-peeking{animation:duomeiCompanionPeek 2.6s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-cheering{animation:duomeiCompanionCheer 1.9s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-body.is-scribbling{animation:duomeiCompanionScribbleBody 3.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-body.is-shaking{animation:duomeiCompanionShake 1.5s var(--motion-ease-standard, ease-in-out) 1}.companion-backpack{display:none!important}.companion-arm{transform-origin:112px 96px}.companion-arm--wave{animation:duomeiCompanionWave .78s var(--motion-ease-ambient, ease-in-out) 3 alternate}.companion-arm--flag{animation:duomeiCompanionWave .65s var(--motion-ease-ambient, ease-in-out) 4 alternate}.companion-arm--stretch{animation:duomeiCompanionStretchArm 2.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-arm--bag{transform-origin:112px 106px;animation:duomeiCompanionBagArm 2.4s var(--motion-ease-ambient, ease-in-out) 1}.companion-arm--cheer{transform-origin:114px 103px;animation:duomeiCompanionCheerArm 1.9s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-arm--scribble{transform-origin:114px 112px;animation:duomeiCompanionScribbleArm 3.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-arm--peek{transform-origin:112px 108px;animation:duomeiCompanionPeekArm 2.6s var(--motion-ease-ambient, ease-in-out) 1}.companion-sprout{transform-origin:82px 34px;animation:duomeiCompanionSprout 11s var(--motion-ease-ambient, ease-in-out) infinite alternate}.companion-eyes.is-looking{animation:duomeiCompanionLookEyes 1.25s var(--motion-ease-standard, ease-in-out) 1}.companion-eyes.is-blinking{transform-origin:80px 85px;animation:duomeiCompanionBlink .28s ease-in-out 1}.duomei-companion-svg--sleep .companion-eyes,.duomei-companion-svg--rest .companion-eyes,.duomei-companion-svg--yawn .companion-eyes{animation:duomeiCompanionSleepEyes 8s var(--motion-ease-ambient, ease-in-out) 1}.companion-sleep-z{animation:duomeiCompanionSleepZ 1.9s var(--motion-ease-ambient, ease-in-out) infinite}.companion-feet{transform-origin:82px 148px}.companion-body.is-walking .companion-feet{animation:duomeiCompanionFeet .42s steps(2,end) infinite alternate}.companion-body.is-hopping .companion-feet,.companion-body.is-spinning .companion-feet{animation:duomeiCompanionFeet .26s steps(2,end) 5 alternate}.companion-body.is-hopping .companion-sprout,.companion-body.is-spinning .companion-sprout,.companion-body.is-cheering .companion-sprout,.companion-body.is-shaking .companion-sprout{animation:duomeiCompanionSproutParty 1.45s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-doze-cloud{animation:duomeiCompanionDozeCloud 4.2s var(--motion-ease-ambient, ease-in-out) 1}.companion-cheer-sparks{animation:duomeiCompanionSparks 1.9s var(--motion-ease-reveal, cubic-bezier(.16, 1, .3, 1)) 1}.companion-dizzy-stars{transform-origin:84px 62px;animation:duomeiCompanionDizzyStars 1.5s var(--motion-ease-standard, ease-in-out) 1}.companion-pencil{transform-origin:0 0;animation:duomeiCompanionPencil .64s ease-in-out 4 alternate}.companion-scribble-lines{animation:duomeiCompanionScribbleLines 3.2s ease-out 1}body.front-editing .duomei-companion,body.duomei-modal-open .duomei-companion,html.duomei-modal-open .duomei-companion{display:none!important}@keyframes duomeiCompanionWalkIn{0%{opacity:0;transform:translate3d(20px,8px,0)}to{opacity:.96;transform:translateZ(0)}}@keyframes duomeiRailLeaf{0%,72%,to{transform:rotate(-22deg) translateZ(0)}76%{transform:rotate(-10deg) translate3d(-1px,-2px,0)}80%{transform:rotate(-30deg) translate3d(1px,1px,0)}84%{transform:rotate(-18deg) translate3d(0,-1px,0)}}@keyframes duomeiCompanionAmbient{0%{transform:translateZ(0) rotate(-.45deg)}to{transform:translate3d(0,-4px,0) rotate(.45deg)}}@keyframes duomeiCompanionTinyFloat{0%{transform:translateZ(0) rotate(-.2deg)}to{transform:translate3d(0,-1px,0) rotate(.2deg)}}@keyframes duomeiCompanionIdle{0%,to{transform:translateZ(0) rotate(-.15deg)}52%{transform:translate3d(0,-3px,0) rotate(.16deg)}}@keyframes duomeiCompanionLookHead{0%,to{transform:translate(0) rotate(0)}32%{transform:translate(2px) rotate(2.6deg)}66%{transform:translate(-2px) rotate(-2.4deg)}}@keyframes duomeiCompanionWalk{0%{transform:translate3d(-3px,0,0) rotate(-.45deg)}to{transform:translate3d(3px,-1px,0) rotate(.45deg)}}@keyframes duomeiCompanionWave{0%{transform:rotate(-10deg)}to{transform:rotate(27deg)}}@keyframes duomeiCompanionHappy{0%{transform:translateZ(0) rotate(-.2deg)}48%{transform:translate3d(0,-9px,0) rotate(.8deg)}to{transform:translateZ(0) rotate(0)}}@keyframes duomeiCompanionHop{0%,to{transform:translateZ(0) rotate(0)}22%{transform:translate3d(0,-9px,0) rotate(-1.5deg)}48%{transform:translate3d(0,2px,0) rotate(1deg)}68%{transform:translate3d(0,-6px,0) rotate(1.2deg)}}@keyframes duomeiCompanionSpin{0%{transform:translateZ(0) rotate(0)}18%{transform:translate3d(0,-4px,0) rotate(-10deg)}54%{transform:translate3d(0,-8px,0) rotate(188deg)}82%{transform:translate3d(0,-3px,0) rotate(354deg)}to{transform:translateZ(0) rotate(360deg)}}@keyframes duomeiCompanionBag{0%,to{transform:translateZ(0) rotate(0)}24%{transform:translate3d(-2px,1px,0) rotate(-1deg)}50%{transform:translate3d(2px,-2px,0) rotate(.8deg)}74%{transform:translate3d(-1px,0,0) rotate(-.4deg)}}@keyframes duomeiCompanionBagArm{0%,to{transform:rotate(0) translateZ(0)}35%{transform:rotate(16deg) translate3d(-2px,2px,0)}70%{transform:rotate(-7deg) translate3d(1px,-1px,0)}}@keyframes duomeiCompanionDoze{0%,to{transform:translateZ(0) rotate(0)}28%{transform:translate3d(0,5px,0) rotate(-1.1deg)}58%{transform:translate3d(0,8px,0) rotate(1deg)}82%{transform:translate3d(0,3px,0) rotate(-.35deg)}}@keyframes duomeiCompanionPeek{0%,to{transform:translateZ(0) rotate(0)}32%{transform:translate3d(7px,-1px,0) rotate(2.8deg)}62%{transform:translate3d(5px,0,0) rotate(1.6deg)}}@keyframes duomeiCompanionCheer{0%,to{transform:translateZ(0) rotate(0)}30%{transform:translate3d(0,-12px,0) rotate(-2deg)}58%{transform:translate3d(0,2px,0) rotate(1.4deg)}78%{transform:translate3d(0,-6px,0) rotate(.8deg)}}@keyframes duomeiCompanionScribbleBody{0%,to{transform:translateZ(0) rotate(0)}36%,70%{transform:translate3d(2px,2px,0) rotate(1.1deg)}}@keyframes duomeiCompanionShake{0%,to{transform:translateZ(0) rotate(0)}12%,36%,60%{transform:translate3d(-4px,0,0) rotate(-2.2deg)}24%,48%,72%{transform:translate3d(4px,-1px,0) rotate(2.2deg)}}@keyframes duomeiCompanionCheerArm{0%,to{transform:rotate(0) translateZ(0)}34%{transform:rotate(-32deg) translate3d(1px,-8px,0)}68%{transform:rotate(-18deg) translate3d(0,-4px,0)}}@keyframes duomeiCompanionScribbleArm{0%,to{transform:rotate(0) translateZ(0)}25%,55%,85%{transform:rotate(8deg) translate3d(2px,2px,0)}40%,70%{transform:rotate(-5deg) translate3d(-1px,-1px,0)}}@keyframes duomeiCompanionPeekArm{0%,to{transform:rotate(0)}46%{transform:rotate(-12deg) translate3d(-3px,-1px,0)}}@keyframes duomeiCompanionDozeCloud{0%{opacity:0;transform:translate3d(0,8px,0) scale(.92)}30%,76%{opacity:.9;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(5px,-7px,0) scale(1.04)}}@keyframes duomeiCompanionSparks{0%{opacity:0;transform:scale(.86)}32%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes duomeiCompanionDizzyStars{0%,to{opacity:0;transform:rotate(0)}24%,78%{opacity:.9}50%{transform:rotate(12deg)}}@keyframes duomeiCompanionPencil{0%{transform:translate3d(-1px,0,0) rotate(-18deg)}to{transform:translate3d(2px,1px,0) rotate(-10deg)}}@keyframes duomeiCompanionScribbleLines{0%,26%{opacity:0;stroke-dasharray:1 36}58%,to{opacity:1;stroke-dasharray:36 0}}@keyframes duomeiCompanionSproutParty{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}62%{transform:rotate(7deg)}}@keyframes duomeiCompanionSprout{0%{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}@keyframes duomeiCompanionLookEyes{0%,to{transform:translate(0)}35%{transform:translate(3px)}68%{transform:translate(-2px)}}@keyframes duomeiCompanionBlink{0%,to{transform:scaleY(1)}45%,62%{transform:scaleY(.12)}}@keyframes duomeiCompanionSleepBody{0%,to{transform:translateZ(0) rotate(-.18deg)}50%{transform:translate3d(0,4px,0) rotate(.18deg)}}@keyframes duomeiCompanionRest{0%{opacity:1;transform:translateZ(0) rotate(0)}35%{opacity:1;transform:translate3d(0,-2px,0) rotate(.2deg)}68%{opacity:.92;transform:translate3d(0,6px,0) rotate(-.45deg)}to{opacity:0;transform:translate3d(0,10px,0) rotate(-.5deg)}}@keyframes duomeiCompanionStretch{0%,to{transform:translateZ(0) rotate(0)}38%{transform:translate3d(0,-5px,0) rotate(-.3deg)}68%{transform:translate3d(0,1px,0) rotate(.25deg)}}@keyframes duomeiCompanionYawn{0%,to{transform:translateZ(0) rotate(0)}42%{transform:translate3d(0,3px,0) rotate(-.25deg)}72%{transform:translate3d(0,1px,0) rotate(.18deg)}}@keyframes duomeiCompanionStretchArm{0%,to{transform:rotate(0) translateY(0)}44%{transform:rotate(-18deg) translateY(-5px)}}@keyframes duomeiCompanionSleepEyes{0%,to{opacity:1}28%,78%{opacity:.72}}@keyframes duomeiCompanionSleepZ{0%{opacity:0;transform:translate3d(0,4px,0)}45%{opacity:.78}to{opacity:0;transform:translate3d(5px,-6px,0)}}@keyframes duomeiCompanionFeet{0%{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(2px) rotate(.6deg)}}@media(max-width:760px){.back-to-top{left:auto!important;right:max(18px,env(safe-area-inset-right))!important;bottom:calc(98px + env(safe-area-inset-bottom))!important;width:56px;height:56px;transform:translate3d(0,18px,0) scale(.94)}.back-to-top.is-visible{transform:translateZ(0) scale(1)}.duomei-companion--global{right:max(14px,env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom));width:86px}.duomei-companion--detail{display:none!important}.duomei-companion--footer{position:relative;right:auto;bottom:auto;width:96px;margin:22px auto 0}.duomei-companion--not-found{width:108px}.duomei-companion-note{right:52%;bottom:82%;max-width:150px;font-size:12px}.duomei-companion-rest-zone{padding:14px 14px calc(92px + env(safe-area-inset-bottom));font-size:13px}}@media(max-height:680px){.duomei-companion--global.duomei-companion--detail{display:none!important}}@media(prefers-reduced-motion:reduce){.duomei-companion,.duomei-companion-button,.duomei-companion-svg *,.duomei-companion-note,.duomei-companion-rest-zone{animation:none!important;transition:none!important}}.illustration-layer .duomei-hero-cover-motion{display:inline-block;transform-origin:50% 72%;will-change:transform;backface-visibility:hidden;animation:duomeiHomepageCoverFloat 5.8s cubic-bezier(.45,0,.55,1) infinite!important}.illustration-layer .duomei-hero-cover-motion .duomei-hero-image-frame{animation:none!important}.illustration-layer .duomei-hero-cover-motion img{backface-visibility:hidden;transform:translateZ(0)}.illustration-layer .bounce-name.duomei-hero-title-motion{transform-origin:center bottom;will-change:transform,opacity,filter;animation:duomeiHomepageNameBreath 7.2s cubic-bezier(.45,0,.55,1) infinite!important}@keyframes duomeiHomepageCoverFloat{0%,to{transform:translateZ(0) rotate(-.55deg)}25%{transform:translate3d(4px,-9px,0) rotate(.42deg)}50%{transform:translate3d(0,-16px,0) rotate(.72deg)}75%{transform:translate3d(-4px,-7px,0) rotate(-.32deg)}}@keyframes duomeiHomepageNameBreath{0%,to{opacity:.96;transform:translateZ(0) scale(1);filter:drop-shadow(0 12px 16px rgba(31,31,27,.11))}50%{opacity:1;transform:translate3d(0,-5px,0) scale(1.006);filter:drop-shadow(0 16px 22px rgba(31,31,27,.16))}}@media(max-width:640px){.illustration-layer .duomei-hero-cover-motion{animation-name:duomeiHomepageCoverFloatMobile;animation-duration:6.4s}}@keyframes duomeiHomepageCoverFloatMobile{0%,to{transform:translateZ(0) rotate(-.42deg)}25%{transform:translate3d(3px,-7px,0) rotate(.32deg)}50%{transform:translate3d(0,-12px,0) rotate(.56deg)}75%{transform:translate3d(-3px,-5px,0) rotate(-.24deg)}}@keyframes duomeiHomepageCoverFloatReduced{0%,to{transform:translateZ(0) rotate(-.18deg)}50%{transform:translate3d(0,-4px,0) rotate(.18deg)}}@media(prefers-reduced-motion:reduce){.illustration-layer .duomei-hero-cover-motion{animation:duomeiHomepageCoverFloatReduced 7s ease-in-out infinite!important}.illustration-layer .bounce-name.duomei-hero-title-motion{animation:none!important}}.duomei-detail:not(.detail-edit-page){padding-top:clamp(36px,6vh,72px)!important;padding-bottom:clamp(56px,8vh,88px)!important}.duomei-detail.detail-loading{min-height:58vh}.duomei-detail.detail-loading h1{opacity:.78}@media(max-width:760px){.duomei-detail:not(.detail-edit-page){padding-top:clamp(32px,6vh,48px)!important;padding-bottom:56px!important}}.notes-carousel-shell .carousel-button{position:absolute!important;overflow:hidden!important;color:transparent!important;font-size:0!important;text-indent:-999px!important;transition:width .52s cubic-bezier(.16,1,.3,1),height .52s cubic-bezier(.16,1,.3,1),min-width .52s cubic-bezier(.16,1,.3,1),opacity .42s cubic-bezier(.16,1,.3,1),background .52s cubic-bezier(.16,1,.3,1),border-color .52s cubic-bezier(.16,1,.3,1),box-shadow .52s cubic-bezier(.16,1,.3,1),transform .98s cubic-bezier(.34,1.56,.64,1)!important}.notes-carousel-shell .carousel-button.prev{left:max(28px,env(safe-area-inset-left))!important;right:auto!important}.notes-carousel-shell .carousel-button.next{right:max(28px,env(safe-area-inset-right))!important;left:auto!important}.notes-carousel-shell .carousel-button:before{position:absolute;top:50%;left:50%;text-indent:0;display:grid;place-items:center;width:1em;height:1em;color:#20201d;font-size:1.55rem;line-height:1;opacity:0;transform:translate(calc(-50% + var(--carousel-arrow-enter-x, 0)),-50%) rotate(var(--carousel-arrow-enter-rotate, 0deg)) scale(.18);transform-origin:center;transition:opacity .78s cubic-bezier(.16,1,.3,1),transform 1.12s cubic-bezier(.34,1.56,.64,1)}.notes-carousel-shell .carousel-button.prev:before{--carousel-arrow-enter-x: 14px;--carousel-arrow-overshoot-x: -3px;--carousel-arrow-enter-rotate: 180deg;--carousel-arrow-overshoot-rotate: -9deg;content:"←"}.notes-carousel-shell .carousel-button.next:before{--carousel-arrow-enter-x: -14px;--carousel-arrow-overshoot-x: 3px;--carousel-arrow-enter-rotate: -180deg;--carousel-arrow-overshoot-rotate: 9deg;content:"→"}.notes-carousel-shell .carousel-button:hover,.notes-carousel-shell .carousel-button:focus-visible{color:transparent!important;font-size:0!important;text-indent:-999px!important;transform:translateY(-50%) scale(1.04)!important}.notes-carousel-shell .carousel-button:hover:before,.notes-carousel-shell .carousel-button:focus-visible:before{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1);animation:duomeiCarouselArrowSettle 1.12s cubic-bezier(.34,1.56,.64,1) both}@keyframes duomeiCarouselArrowSettle{0%{opacity:0;transform:translate(calc(-50% + var(--carousel-arrow-enter-x, 0)),-50%) rotate(var(--carousel-arrow-enter-rotate, 0deg)) scale(.18)}62%{opacity:1;transform:translate(calc(-50% + var(--carousel-arrow-overshoot-x, 0)),-50%) rotate(var(--carousel-arrow-overshoot-rotate, 0deg)) scale(1.12)}82%{transform:translate(-50%,-50%) rotate(3deg) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}}@media(max-width:760px){.duomei-header .duomei-menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;gap:4px!important;padding:0!important;border-color:#20201d1f!important;background:#fffdf7d1!important;box-shadow:0 14px 34px #20201d1a!important;opacity:1!important;transform:translateZ(0) scale(1)!important;transition:width .62s cubic-bezier(.16,1,.3,1),height .62s cubic-bezier(.16,1,.3,1),min-width .62s cubic-bezier(.16,1,.3,1),gap .52s cubic-bezier(.16,1,.3,1),opacity .52s cubic-bezier(.16,1,.3,1),background .62s cubic-bezier(.16,1,.3,1),border-color .62s cubic-bezier(.16,1,.3,1),box-shadow .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1)!important}.duomei-header .duomei-menu-toggle span{width:4px!important;height:4px!important;opacity:1!important;transform:scale(1)!important;transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1)!important}.duomei-header .duomei-menu-toggle:hover,.duomei-header .duomei-menu-toggle:focus-visible,.duomei-header.is-menu-open .duomei-menu-toggle{width:46px!important;height:46px!important;min-width:46px!important;gap:4px!important;border-color:#20201d29!important;background:#fffdf7f0!important;box-shadow:0 18px 46px #20201d24!important;opacity:1!important;transform:translateZ(0) scale(1)!important}.duomei-header .duomei-menu-toggle:hover span,.duomei-header .duomei-menu-toggle:focus-visible span,.duomei-header.is-menu-open .duomei-menu-toggle span{opacity:1!important;transform:scale(1)!important}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(1){transform:translate(8px) rotate(45deg) scale(1)!important}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(2){opacity:0!important;transform:scale(0)!important}.duomei-header.is-menu-open .duomei-menu-toggle span:nth-child(3){transform:translate(-8px) rotate(-45deg) scale(1)!important}.duomei-header nav{transform-origin:top right!important;transition:opacity .52s cubic-bezier(.16,1,.3,1),visibility 0ms linear .52s,transform .66s cubic-bezier(.16,1,.3,1)!important}.duomei-header.is-menu-open nav{transition:opacity .52s cubic-bezier(.16,1,.3,1),visibility 0ms linear 0ms,transform .66s cubic-bezier(.16,1,.3,1)!important}.duomei-header .duomei-menu-toggle:hover~nav,.duomei-header .duomei-menu-toggle:focus-visible~nav,.duomei-header nav:hover,.duomei-header nav:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:opacity .52s cubic-bezier(.16,1,.3,1),visibility 0ms linear 0ms,transform .66s cubic-bezier(.16,1,.3,1)!important}.duomei-header nav a,.duomei-header nav button{opacity:0!important;transform:translate3d(12px,-4px,0) scale(.96)!important;transition:opacity .52s cubic-bezier(.16,1,.3,1),background .42s cubic-bezier(.16,1,.3,1),border-color .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1)!important}.duomei-header.is-menu-open nav a,.duomei-header.is-menu-open nav button,.duomei-header .duomei-menu-toggle:hover~nav a,.duomei-header .duomei-menu-toggle:hover~nav button,.duomei-header .duomei-menu-toggle:focus-visible~nav a,.duomei-header .duomei-menu-toggle:focus-visible~nav button,.duomei-header nav:hover a,.duomei-header nav:hover button,.duomei-header nav:focus-within a,.duomei-header nav:focus-within button{opacity:1!important;transform:translateZ(0) scale(1)!important}.duomei-header.is-menu-open nav>:nth-child(1){transition-delay:80ms!important}.duomei-header.is-menu-open nav>:nth-child(2){transition-delay:.15s!important}.duomei-header.is-menu-open nav>:nth-child(3){transition-delay:.22s!important}.duomei-header.is-menu-open nav>:nth-child(4){transition-delay:.29s!important}.duomei-header.is-menu-open nav>:nth-child(5){transition-delay:.36s!important}.duomei-header.is-menu-open nav>:nth-child(6){transition-delay:.43s!important}.duomei-header.is-menu-open nav>:nth-child(7){transition-delay:.5s!important}.duomei-header.is-menu-open nav>:nth-child(8){transition-delay:.57s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(1),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(1),.duomei-header nav:hover>:nth-child(1),.duomei-header nav:focus-within>:nth-child(1){transition-delay:80ms!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(2),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(2),.duomei-header nav:hover>:nth-child(2),.duomei-header nav:focus-within>:nth-child(2){transition-delay:.15s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(3),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(3),.duomei-header nav:hover>:nth-child(3),.duomei-header nav:focus-within>:nth-child(3){transition-delay:.22s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(4),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(4),.duomei-header nav:hover>:nth-child(4),.duomei-header nav:focus-within>:nth-child(4){transition-delay:.29s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(5),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(5),.duomei-header nav:hover>:nth-child(5),.duomei-header nav:focus-within>:nth-child(5){transition-delay:.36s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(6),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(6),.duomei-header nav:hover>:nth-child(6),.duomei-header nav:focus-within>:nth-child(6){transition-delay:.43s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(7),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(7),.duomei-header nav:hover>:nth-child(7),.duomei-header nav:focus-within>:nth-child(7){transition-delay:.5s!important}.duomei-header .duomei-menu-toggle:hover~nav>:nth-child(8),.duomei-header .duomei-menu-toggle:focus-visible~nav>:nth-child(8),.duomei-header nav:hover>:nth-child(8),.duomei-header nav:focus-within>:nth-child(8){transition-delay:.57s!important}}@media(min-width:761px){.duomei-header nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(0,-10px,0) scale(.98)!important;transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0ms linear .36s,transform .42s cubic-bezier(.16,1,.3,1)!important}.duomei-header:hover nav,.duomei-header:focus-within nav,.duomei-header nav:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateZ(0) scale(1)!important;transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0ms linear 0ms,transform .42s cubic-bezier(.16,1,.3,1)!important}}.detail-reading-reveal{--detail-paper-ease: cubic-bezier(.16, 1, .3, 1);--detail-paper-rip: polygon( 0 13%, 5% 8%, 10% 15%, 16% 7%, 23% 18%, 30% 9%, 37% 16%, 44% 8%, 51% 15%, 58% 6%, 66% 18%, 73% 9%, 81% 16%, 88% 7%, 95% 14%, 100% 9%, 100% 88%, 94% 94%, 87% 86%, 80% 95%, 72% 88%, 65% 96%, 58% 89%, 50% 97%, 42% 88%, 35% 96%, 28% 87%, 21% 94%, 14% 86%, 7% 95%, 0 89% )}.detail-reading-reveal .detail-cover-wrap{position:relative;opacity:0;clip-path:var(--detail-paper-rip);transform:translate3d(0,22px,0) scale(1.035);filter:blur(12px) saturate(.82);animation:duomeiDetailPaperRestore 1.8s var(--detail-paper-ease) .18s both;will-change:clip-path,opacity,transform,filter}.detail-reading-reveal .detail-cover-wrap:before,.detail-reading-reveal .detail-cover-wrap:after{position:absolute;inset:0;z-index:2;content:"";pointer-events:none}.detail-reading-reveal .detail-cover-wrap:before{background:linear-gradient(110deg,#fffdf7eb,#fffdf73d 42%,#fffdf700 68%),repeating-linear-gradient(92deg,rgba(58,48,36,.06) 0 1px,transparent 1px 14px);mix-blend-mode:screen;opacity:0;transform:translate(-18%);animation:duomeiDetailPaperSheen 1.6s var(--detail-paper-ease) .22s both}.detail-reading-reveal .detail-cover-wrap:after{border:1px solid rgba(151,133,105,.18);border-radius:inherit;box-shadow:inset 0 0 0 1px #fffdf76b,inset 0 18px 36px #fffdf72e;opacity:0;animation:duomeiDetailPaperEdge 1.7s var(--detail-paper-ease) .3s both}.detail-reading-reveal .detail-cover-wrap img,.detail-reading-reveal .detail-cover-wrap .note-real-image,.detail-reading-reveal .detail-cover-wrap .note-cover-placeholder{transform:scale(1.08);filter:sepia(.18) contrast(.92);animation:duomeiDetailImageAwaken 1.9s var(--detail-paper-ease) .18s both}.detail-reading-reveal>.detail-category,.detail-reading-reveal>h1,.detail-reading-reveal>.detail-meta,.detail-reading-reveal>.detail-tags,.detail-reading-reveal .note-block-renderer>*{opacity:0;transform:translate3d(0,18px,0);filter:blur(8px);animation:duomeiDetailTextRestore 1.15s var(--detail-paper-ease) both;will-change:opacity,transform,filter}.detail-reading-reveal>.detail-category{animation-delay:.62s}.detail-reading-reveal>h1{animation-delay:.76s}.detail-reading-reveal>.detail-meta{animation-delay:.9s}.detail-reading-reveal>.detail-tags{animation-delay:1.04s}.detail-reading-reveal .note-block-renderer>:nth-child(1){animation-delay:1.18s}.detail-reading-reveal .note-block-renderer>:nth-child(2){animation-delay:1.3s}.detail-reading-reveal .note-block-renderer>:nth-child(3){animation-delay:1.42s}.detail-reading-reveal .note-block-renderer>:nth-child(4){animation-delay:1.54s}.detail-reading-reveal .note-block-renderer>:nth-child(5){animation-delay:1.66s}.detail-reading-reveal .note-block-renderer>:nth-child(n+6){animation-delay:1.78s}@keyframes duomeiDetailPaperRestore{0%{opacity:0;clip-path:polygon(48% 42%,54% 45%,56% 53%,50% 58%,43% 54%,41% 47%);transform:translate3d(0,28px,0) scale(1.055);filter:blur(18px) saturate(.72)}38%{opacity:.72;clip-path:var(--detail-paper-rip);transform:translate3d(0,10px,0) scale(1.025);filter:blur(7px) saturate(.88)}72%{opacity:1;clip-path:polygon(0 2%,8% 0,18% 2%,29% 0,38% 1%,52% 0,63% 2%,76% 0,88% 1%,100% 0,100% 100%,0 100%);transform:translate3d(0,-2px,0) scale(1.006);filter:blur(1px) saturate(.98)}to{opacity:1;clip-path:inset(0 0 0 0 round 22px);transform:translateZ(0) scale(1);filter:blur(0) saturate(1)}}.duomei-stage{--duomei-ink: #20201d;--duomei-sage: #6f7d63;--duomei-caramel: #b88455;--duomei-paper-warm: #f4ecdf}.illustration-layer{--duomei-hero-progress: 0;perspective:1200px}.illustration-layer:after{content:"";position:absolute;left:50%;bottom:clamp(24px,7vh,88px);z-index:0;width:min(1120px,86vw);height:clamp(84px,14vh,160px);border:1px solid rgba(32,32,29,.1);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#fffdf770,#f4ecdf14),radial-gradient(ellipse at 50% 100%,rgba(184,132,85,.12),transparent 72%);opacity:calc(.18 + var(--duomei-hero-progress) * .62);transform:translate(-50%) translateY(calc(var(--duomei-hero-progress) * -16px)) rotateX(calc(64deg - var(--duomei-hero-progress) * 18deg)) scaleX(calc(.82 + var(--duomei-hero-progress) * .22));transform-origin:center bottom;pointer-events:none}.illustration-layer-inner{position:relative;z-index:1;transform:translateY(calc(-1vh - var(--duomei-hero-progress) * 22px)) scale(calc(1 - var(--duomei-hero-progress) * .025));filter:blur(calc(var(--duomei-hero-progress) * 1.1px))}.duomei-hero-trace{position:absolute;left:50%;top:clamp(128px,24vh,220px);z-index:3;width:min(520px,70vw);height:92px;border:2px solid rgba(184,132,85,.22);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;opacity:calc(.08 + var(--duomei-hero-progress) * .34);transform:translate(-50%) translateY(calc(var(--duomei-hero-progress) * 18px)) rotate(calc(-5deg + var(--duomei-hero-progress) * 9deg)) scaleX(calc(.72 + var(--duomei-hero-progress) * .34));transform-origin:center;pointer-events:none}.illustration-layer .duomei-hero-cover-motion{opacity:calc(1 - var(--duomei-hero-progress) * .18)}.illustration-layer .bounce-name.duomei-hero-title-motion{opacity:calc(.98 - var(--duomei-hero-progress) * .3);letter-spacing:calc(var(--duomei-hero-progress) * .035em)}.paper-layer{--paper-turn-progress: var(--duomei-paper-progress, 0)}.paper-curve{height:clamp(136px,22vh,220px);transform:translateY(calc((1 - var(--paper-turn-progress, 0)) * 34px));transform-origin:center bottom;filter:drop-shadow(0 -18px 34px rgba(65,55,39,.08));contain:paint;will-change:transform}.duomei-companion--global:not(:hover):not(:focus-within):not(.is-placed):not(.is-dragging):not(.is-rest-armed) .duomei-companion-note{opacity:0!important;visibility:hidden;transform:translate3d(0,6px,0) rotate(-1deg)}.paper-stroke{stroke:#52685d;stroke-dasharray:none;stroke-dashoffset:0}.paper-stroke-reveal-rect{transform:scaleX(var(--paper-turn-progress, 0));transform-origin:left center;transform-box:fill-box}.paper-body{position:relative;background:radial-gradient(circle at 52% 0%,rgba(255,253,247,.8),transparent 34rem),linear-gradient(180deg,var(--duomei-paper-warm),#f2eadf 72%,#faf7f0)}.paper-body:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 48% 16%,rgba(255,253,247,.26),transparent 28rem);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);opacity:.34}.notes-intro{position:relative}.notes-intro:after{content:"";display:block;width:min(240px,42vw);height:18px;margin:18px auto 0;border-bottom:2px solid rgba(184,132,85,.62);border-radius:50%;transform:rotate(-1.5deg) scaleX(.92)}.notes-carousel{padding-block:22px 34px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.notes-carousel-track{align-items:stretch}.note-card-foot{position:relative}.note-card-foot:after{content:"";position:absolute;right:2px;bottom:-6px;width:58px;height:12px;border-bottom:2px solid rgba(184,132,85,.7);border-radius:50%;transform:scaleX(0);transform-origin:left center;transition:transform .56s cubic-bezier(.16,1,.3,1)}.duomei-note-card:hover .note-card-foot:after,.duomei-note-card.is-tilting .note-card-foot:after{transform:scaleX(1)}.duomei-motion-button,.front-pill,.front-edit-button,.back-to-top{position:relative;overflow:hidden}.duomei-motion-button:after,.front-pill:after,.front-edit-button:after,.back-to-top:after{content:"";position:absolute;left:18%;right:18%;bottom:8px;height:8px;border-bottom:2px solid rgba(184,132,85,.58);border-radius:50%;transform:translate(-16%) scaleX(0);transform-origin:left center;transition:transform .52s cubic-bezier(.16,1,.3,1);pointer-events:none}.duomei-motion-button:hover:after,.front-pill:hover:after,.front-edit-button:hover:after,.back-to-top:hover:after{transform:translate(0) scaleX(1)}.back-to-top{color:var(--duomei-ink, #211d19)!important;text-indent:0}.back-to-top:before{content:none}.back-to-top>svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.back-to-top{position:fixed!important;left:auto!important;right:max(22px,calc(env(safe-area-inset-right) + 22px))!important;bottom:max(22px,calc(env(safe-area-inset-bottom) + 30px))!important;z-index:680!important;width:54px!important;height:54px!important;display:grid!important;place-items:center!important;overflow:hidden!important;text-indent:0!important}.back-to-top.is-visible{transform:translateZ(0) scale(1)!important}@media(max-width:760px){.back-to-top{right:max(16px,calc(env(safe-area-inset-right) + 16px))!important;bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px))!important;width:48px!important;height:48px!important}}@media(hover:hover)and (pointer:fine){.notes-carousel .duomei-note-card:hover,.notes-carousel .duomei-note-card.is-tilting{opacity:1;filter:saturate(1.06);transform:perspective(900px) translateY(-10px) rotateX(var(--note-tilt-x, 0deg)) rotateY(var(--note-tilt-y, 0deg)) scale3d(1.06,1.06,1.06)!important;transition:opacity .16s ease-out,transform 70ms linear,box-shadow .16s ease-out,border-color .16s ease-out,filter .16s ease-out!important;box-shadow:0 34px 86px #3a302433!important;border-color:#20201d29!important;z-index:9;will-change:transform,opacity,filter}}@media(max-width:760px){.illustration-layer:after{bottom:42px;width:94vw;height:86px}.duomei-hero-trace{top:22vh;width:70vw;height:62px}.notes-carousel{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}}@media(max-width:760px)and (hover:none),(max-width:760px)and (pointer:coarse){.notes-carousel .duomei-note-card,.notes-carousel .duomei-note-card.is-focus-card{opacity:1;filter:none;transform:none}}@media(max-width:760px){.duomei-header nav a,.duomei-header nav button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.duomei-header:not(.is-menu-open) nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px) scale(.96)!important}.duomei-header:not(.is-menu-open) nav a,.duomei-header:not(.is-menu-open) nav button{opacity:0!important;pointer-events:none!important;transform:translate3d(12px,-4px,0) scale(.96)!important}.duomei-header.is-menu-open nav a,.duomei-header.is-menu-open nav button{pointer-events:auto!important}}@media(max-width:760px)and (hover:none),(max-width:760px)and (pointer:coarse){.duomei-header nav a,.duomei-header nav button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}.duomei-header.is-menu-open nav>*{transition-delay:0ms!important}}@media(prefers-reduced-motion:reduce){.illustration-layer,.illustration-layer-inner,.illustration-layer:after,.duomei-hero-trace,.paper-curve,.paper-stroke,.notes-carousel .duomei-note-card{animation:none!important;transition:none!important;transform:none!important;filter:none!important}}@keyframes duomeiDetailPaperSheen{0%{opacity:0;transform:translate(-24%) skew(-4deg)}34%{opacity:.72}to{opacity:0;transform:translate(28%) skew(-4deg)}}@keyframes duomeiDetailPaperEdge{0%{opacity:0}44%{opacity:.75}to{opacity:.22}}@keyframes duomeiDetailImageAwaken{0%{transform:scale(1.09);filter:sepia(.22) contrast(.88) blur(3px)}62%{transform:scale(1.018);filter:sepia(.08) contrast(.96) blur(.5px)}to{transform:scale(1);filter:sepia(0) contrast(1) blur(0)}}@keyframes duomeiDetailTextRestore{0%{opacity:0;transform:translate3d(0,22px,0);filter:blur(10px)}68%{opacity:1;transform:translate3d(0,-2px,0);filter:blur(1px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.detail-reading-reveal .detail-cover-wrap,.detail-reading-reveal .detail-cover-wrap:before,.detail-reading-reveal .detail-cover-wrap:after,.detail-reading-reveal .detail-cover-wrap img,.detail-reading-reveal .detail-cover-wrap .note-real-image,.detail-reading-reveal .detail-cover-wrap .note-cover-placeholder,.detail-reading-reveal>.detail-category,.detail-reading-reveal>h1,.detail-reading-reveal>.detail-meta,.detail-reading-reveal>.detail-tags,.detail-reading-reveal .note-block-renderer>*{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;animation:none!important}}.detail-reading-reveal .note-block-renderer>*{position:relative;opacity:0!important;clip-path:none!important;transform:translate3d(0,54px,0) scale(1)!important;filter:blur(8px) saturate(.96)!important;animation:none!important;transition:opacity 2s cubic-bezier(.19,1,.22,1),transform 2s cubic-bezier(.19,1,.22,1),filter 2s cubic-bezier(.19,1,.22,1)!important;transition-delay:calc(var(--detail-scroll-index, 0) * 46ms)!important;will-change:opacity,transform,filter}.detail-reading-reveal .note-block-renderer>*.is-detail-scroll-revealed{opacity:1!important;clip-path:none!important;transform:translateZ(0) scale(1)!important;filter:blur(0) saturate(1)!important}.detail-reading-reveal .note-block-renderer>p,.detail-reading-reveal .note-block-renderer>blockquote{overflow:hidden}.detail-reading-reveal .note-block-renderer>p,.detail-reading-reveal .note-block-renderer>blockquote{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;transition:none!important}.detail-reveal-lines{display:block}.detail-reveal-line{display:block;opacity:0;transform:translate3d(0,1.35em,0);filter:blur(7px);transition:opacity 1.2s cubic-bezier(.19,1,.22,1),transform 1.5s cubic-bezier(.19,1,.22,1),filter 1.3s cubic-bezier(.19,1,.22,1);transition-delay:var(--detail-line-delay, 0ms);will-change:opacity,transform,filter}.is-detail-scroll-revealed .detail-reveal-line{opacity:1;transform:translateZ(0);filter:blur(0)}.detail-reading-reveal .note-block-renderer>p:after,.detail-reading-reveal .note-block-renderer>blockquote:after{content:none!important}.detail-reading-reveal .note-block-renderer>p.is-detail-scroll-revealed:after,.detail-reading-reveal .note-block-renderer>blockquote.is-detail-scroll-revealed:after{animation:none!important}.detail-reading-reveal .note-block-renderer>.article-image{clip-path:none!important;transform:translate3d(0,64px,0) scale(1) rotateX(0)!important;transform-origin:50% 75%}.detail-reading-reveal .note-block-renderer>.article-image.is-detail-scroll-revealed{clip-path:none!important;transform:translateZ(0) scale(1) rotateX(0)!important}.detail-reading-reveal .note-block-renderer>.article-image img{transform:scale(1.12) translate3d(0,18px,0)!important;filter:blur(3px) saturate(.9)!important;transition:transform 2s cubic-bezier(.19,1,.22,1),filter 2s cubic-bezier(.19,1,.22,1)!important}.detail-reading-reveal .note-block-renderer>.article-image.is-detail-scroll-revealed img{transform:scale(1) translateZ(0)!important;filter:blur(0) saturate(1)!important}@keyframes duomeiDetailGeneratedSweep{0%{opacity:0;transform:translate(-46%) skew(-8deg)}24%{opacity:.78}to{opacity:0;transform:translate(46%) skew(-8deg)}}@media(prefers-reduced-motion:reduce){.detail-reading-reveal .note-block-renderer>*,.detail-reading-reveal .note-block-renderer>.article-image,.detail-reading-reveal .note-block-renderer>.article-image img,.detail-reveal-line{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;transition:none!important}.detail-reading-reveal .note-block-renderer>p:after,.detail-reading-reveal .note-block-renderer>blockquote:after{content:none!important}}.detail-reading-reveal{--detail-showcase-ease: cubic-bezier(.19, 1, .22, 1);perspective:1200px}.detail-reading-reveal .detail-cover-wrap{position:relative;opacity:0;clip-path:inset(18% 10% 18% 10% round 30px);transform:translate3d(0,54px,0) rotateX(7deg) scale(.96);transform-origin:50% 72%;filter:blur(10px) saturate(.92);animation:duomeiDetailShowcaseCover 1.65s var(--detail-showcase-ease) .12s both!important;will-change:clip-path,opacity,transform,filter}.detail-reading-reveal .detail-cover-wrap:before,.detail-reading-reveal .detail-cover-wrap:after{content:none!important;animation:none!important}.detail-reading-reveal .detail-cover-wrap img,.detail-reading-reveal .detail-cover-wrap .note-real-image,.detail-reading-reveal .detail-cover-wrap .note-cover-placeholder{transform:scale(1.14) translate3d(0,18px,0);filter:blur(2px) saturate(.9);animation:duomeiDetailShowcaseImage 1.85s var(--detail-showcase-ease) .12s both!important}.detail-reading-reveal>.detail-category,.detail-reading-reveal>h1,.detail-reading-reveal>.detail-meta,.detail-reading-reveal>.detail-tags,.detail-reading-reveal .note-block-renderer>*{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,34px,0);filter:blur(7px);animation:duomeiDetailShowcaseText 1.2s var(--detail-showcase-ease) both!important;will-change:opacity,clip-path,transform,filter}.detail-reading-reveal>.detail-category{animation-delay:.52s!important}.detail-reading-reveal>h1{animation-delay:.65s!important}.detail-reading-reveal>.detail-meta{animation-delay:.78s!important}.detail-reading-reveal>.detail-tags{animation-delay:.91s!important}.detail-reading-reveal .note-block-renderer>:nth-child(1){animation-delay:1.04s!important}.detail-reading-reveal .note-block-renderer>:nth-child(2){animation-delay:1.16s!important}.detail-reading-reveal .note-block-renderer>:nth-child(3){animation-delay:1.28s!important}.detail-reading-reveal .note-block-renderer>:nth-child(4){animation-delay:1.4s!important}.detail-reading-reveal .note-block-renderer>:nth-child(5){animation-delay:1.52s!important}.detail-reading-reveal .note-block-renderer>:nth-child(n+6){animation-delay:1.64s!important}@keyframes duomeiDetailShowcaseCover{0%{opacity:0;clip-path:inset(24% 16% 24% 16% round 36px);transform:translate3d(0,58px,0) rotateX(8deg) scale(.955);filter:blur(12px) saturate(.88)}44%{opacity:1;clip-path:inset(8% 3% 8% 3% round 28px);transform:translate3d(0,14px,0) rotateX(2deg) scale(.99);filter:blur(3px) saturate(.97)}72%{opacity:1;clip-path:inset(0 0 0 0 round 22px);transform:translate3d(0,-3px,0) rotateX(0) scale(1.006);filter:blur(0) saturate(1)}to{opacity:1;clip-path:inset(0 0 0 0 round 22px);transform:translateZ(0) rotateX(0) scale(1);filter:blur(0) saturate(1)}}@keyframes duomeiDetailShowcaseImage{0%{transform:scale(1.16) translate3d(0,24px,0);filter:blur(3px) saturate(.88)}70%{transform:scale(1.025) translate3d(0,-2px,0);filter:blur(0) saturate(1)}to{transform:scale(1) translateZ(0);filter:blur(0) saturate(1)}}@keyframes duomeiDetailShowcaseText{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,34px,0);filter:blur(7px)}58%{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,-3px,0);filter:blur(1px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.detail-reading-reveal .detail-cover-wrap,.detail-reading-reveal .detail-cover-wrap img,.detail-reading-reveal .detail-cover-wrap .note-real-image,.detail-reading-reveal .detail-cover-wrap .note-cover-placeholder,.detail-reading-reveal>.detail-category,.detail-reading-reveal>h1,.detail-reading-reveal>.detail-meta,.detail-reading-reveal>.detail-tags,.detail-reading-reveal .note-block-renderer>*{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;animation:none!important}}@media(any-hover:hover)and (any-pointer:fine){.notes-carousel .duomei-note-card:hover,.notes-carousel .duomei-note-card.is-tilting{opacity:1!important;filter:saturate(1.06)!important;transform:perspective(900px) translateY(-10px) rotateX(var(--note-tilt-x, 0deg)) rotateY(var(--note-tilt-y, 0deg)) scale3d(1.06,1.06,1.06)!important;transition:opacity .12s ease-out,transform 45ms linear,box-shadow .12s ease-out,border-color .12s ease-out,filter .12s ease-out!important;box-shadow:0 34px 86px #3a302433!important;border-color:#20201d29!important;z-index:12!important}}.notes-carousel .duomei-note-card.is-tilting{opacity:1!important;filter:saturate(1.08)!important;transform:perspective(900px) translateY(-10px) rotateX(var(--note-tilt-x, 0deg)) rotateY(var(--note-tilt-y, 0deg)) scale3d(1.09,1.09,1.09)!important;transition:opacity .1s ease-out,box-shadow .1s ease-out,border-color .1s ease-out,filter .1s ease-out!important;box-shadow:0 34px 86px #3a302438!important;border-color:#20201d29!important;z-index:18!important}.notes-carousel .duomei-note-card.is-resetting-tilt{transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease-out,border-color .16s ease-out,filter .16s ease-out!important}@media(any-hover:hover)and (any-pointer:fine){.notes-carousel .duomei-note-card:hover{transform:perspective(900px) translateY(-10px) rotateX(var(--note-tilt-x, 0deg)) rotateY(var(--note-tilt-y, 0deg)) scale3d(1.09,1.09,1.09)!important}}.duomei-header-hover-zone{position:fixed;inset:0 0 auto;z-index:5199;height:24px}.duomei-header{transform:translateZ(0);transition:transform .48s cubic-bezier(.16,1,.3,1),background-color .36s ease,box-shadow .36s ease,backdrop-filter .36s ease!important}.duomei-header.is-scrolled:not(.is-hover-revealed):not(.is-menu-open):not(:focus-within){transform:translate3d(0,calc(-100% + 12px),0)!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important}.duomei-header.is-hover-revealed,.duomei-header.is-menu-open,.duomei-header:focus-within{transform:translateZ(0)!important}@media(min-width:761px){.duomei-header.is-hover-revealed nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateZ(0) scale(1)!important;transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0ms linear 0ms,transform .42s cubic-bezier(.16,1,.3,1)!important}}.article-image-backdrop{display:none}.article-image.is-portrait{position:relative;isolation:isolate;width:min(780px,100%)!important;max-width:100%!important}.article-image.is-portrait .article-image-media{position:relative;z-index:1;isolation:isolate;display:grid;min-height:min(76vh,820px);place-items:center;overflow:hidden;padding:clamp(22px,4vw,54px);border:1px solid rgba(82,104,93,.14);border-radius:28px;background:#e9e3d985;box-shadow:0 28px 72px #3a302421}.article-image.is-portrait .article-image-media:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(90deg,#faf7f038,#faf7f00a,#faf7f038);pointer-events:none}.article-image.is-portrait .article-image-backdrop{position:absolute;inset:-34px;z-index:0;display:block;background-position:center;background-size:cover;filter:blur(30px) saturate(.72);opacity:.28;transform:scale(1.1)}.article-image.is-portrait .article-image-media>img{position:relative;z-index:2;width:auto!important;height:min(70vh,760px)!important;max-width:min(74%,560px)!important;max-height:70vh!important;object-fit:contain!important;border-radius:18px!important;box-shadow:0 24px 60px #20201d33!important}.article-image.is-portrait figcaption{margin-top:14px}@media(max-width:760px){.duomei-header-hover-zone{display:none}.duomei-header.is-scrolled{transform:translateZ(0)!important}.article-image.is-portrait .article-image-media{min-height:0;padding:14px;border-radius:22px}.article-image.is-portrait .article-image-media>img{width:auto!important;height:auto!important;max-width:88%!important;max-height:72svh!important}}@media(min-width:761px){.illustration-layer{padding-top:clamp(118px,14vh,142px);padding-bottom:clamp(24px,4vh,48px)}.illustration-layer .duomei-hero-image-frame{height:clamp(260px,min(36vw,46vh),500px)!important}}html,body{overflow-x:clip;min-inline-size:0}.guyu-visually-hidden{position:absolute;inline-size:var(--rule-hairline);block-size:var(--rule-hairline);padding:0;margin:calc(var(--rule-hairline) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guyu-library-page,.guyu-reader-page{color:var(--color-ink);font-family:var(--font-body);background:var(--color-paper)}.guyu-gate-page{min-block-size:100svh;display:grid;align-items:start;padding:var(--space-4xl) var(--space-md) var(--space-3xl);color:var(--color-ink);font-family:var(--font-body);background:var(--color-paper)}.guyu-gate-card{inline-size:min(100%,36rem);margin-inline:auto;display:grid;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-card)}.guyu-gate-mark,.guyu-gate-status,.guyu-gate-hint,.guyu-gate-message,.guyu-gate-recovery p{margin:0;color:var(--color-muted-strong)}.guyu-gate-mark{font-size:var(--text-sm);letter-spacing:.08em}.guyu-gate-card h1{min-inline-size:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl),6vw,var(--text-2xl));font-style:normal;line-height:1.1;overflow-wrap:anywhere}.guyu-gate-form,.guyu-gate-recovery{display:grid;gap:var(--space-sm)}.guyu-gate-form label{color:var(--color-ink);font-size:var(--text-base);font-weight:700}.guyu-gate-form input{inline-size:100%;min-block-size:var(--size-hit);padding-inline:var(--space-md);color:var(--color-ink);background:var(--color-paper);border:var(--rule-hairline) solid var(--color-rule);border-radius:calc(var(--radius-card) * .6);outline:var(--rule-focus) solid transparent;outline-offset:var(--rule-hairline);transition:background-color var(--dur-short) var(--ease-out)}.guyu-gate-form input[aria-invalid=true]{border-color:var(--color-error)}.guyu-gate-form input:disabled{opacity:.55;cursor:not-allowed}.guyu-gate-hint,.guyu-gate-message,.guyu-gate-status,.guyu-gate-recovery p{font-size:var(--text-sm);line-height:1.5}.guyu-gate-message{min-block-size:1.5em;color:var(--color-error)}.guyu-gate-form button,.guyu-gate-recovery button{min-block-size:var(--size-hit);padding-inline:var(--space-lg);border:var(--rule-hairline) solid var(--color-accent);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.guyu-gate-form button{color:var(--color-accent-ink);background:var(--color-accent)}.guyu-gate-recovery button{color:var(--color-ink);background:var(--color-paper)}.guyu-gate-form button:active,.guyu-gate-recovery button:active{transform:translateY(var(--rule-hairline))}.guyu-gate-form button:disabled,.guyu-gate-recovery button:disabled{opacity:.55;cursor:not-allowed}.guyu-gate-home{justify-self:start;min-block-size:var(--size-hit);display:inline-flex;align-items:center;color:var(--color-accent);border-block-end:var(--rule-hairline) solid currentColor;white-space:nowrap}.guyu-gate-form input:focus-visible,.guyu-gate-form button:focus-visible,.guyu-gate-recovery button:focus-visible,.guyu-gate-home:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-2xs)}@media(hover:hover)and (pointer:fine){.guyu-gate-form input:hover{background:var(--color-paper-3)}.guyu-gate-form button:hover:not(:disabled){background:var(--color-ink)}.guyu-gate-recovery button:hover:not(:disabled){background:var(--color-paper-3)}.guyu-gate-home:hover{color:var(--color-ink)}}.guyu-gate-home:active{color:var(--color-muted-strong)}.guyu-library-page{min-block-size:100svh;padding:var(--space-4xl) clamp(var(--space-md),5vw,var(--space-2xl)) var(--space-3xl)}.guyu-library-intro,.guyu-shelf-section{inline-size:min(100%,var(--layout-wide));margin-inline:auto}.guyu-library-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-block-end:var(--space-2xl);border-block-end:var(--rule-hairline) solid var(--color-rule)}.guyu-library-intro h1{min-inline-size:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-display-s);font-style:normal;font-weight:700;line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}.guyu-library-intro p{max-inline-size:var(--layout-reading);margin:0;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.guyu-shelf-section{padding-block:var(--space-2xl) var(--space-xl)}.guyu-shelf{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(17rem,24rem);gap:var(--space-xl);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;padding:var(--space-md) var(--space-md) var(--space-xl);margin-inline:calc(var(--space-md) * -1)}.guyu-shelf:after{content:"";position:absolute;inset-inline:var(--space-md);inset-block-end:var(--space-md);block-size:var(--rule-hairline);background:var(--color-rule)}.guyu-book-card{min-inline-size:0;scroll-snap-align:start}.guyu-book-link{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:var(--space-lg);min-block-size:20rem;padding:var(--space-lg);color:var(--color-ink);background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-card);box-shadow:var(--shadow-book-soft);transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.guyu-book-link:focus-visible,.guyu-reader-back:focus-visible,.guyu-turn-button:focus-visible,.guyu-page-zone:focus-visible,.guyu-page-error button:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-2xs)}.guyu-book-link:active{transform:translateY(var(--rule-hairline))}.guyu-book-cover{position:relative;align-self:center;display:block;min-inline-size:0;aspect-ratio:1100 / 1684;overflow:hidden;background:var(--color-paper-3);border-radius:calc(var(--radius-card) * .7);box-shadow:var(--shadow-book)}.guyu-book-cover img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.guyu-book-spine{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--space-sm);background:color-mix(in oklch,var(--color-ink) 28%,transparent);box-shadow:inset calc(var(--rule-hairline) * -1) 0 0 color-mix(in oklch,var(--color-paper) 42%,transparent)}.guyu-book-meta{align-self:end;display:grid;gap:var(--space-sm);min-inline-size:0}.guyu-book-kind,.guyu-book-open{color:var(--color-muted-strong);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.guyu-book-meta strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-style:normal;line-height:1.2;overflow-wrap:anywhere}.guyu-book-meta>span:not(.guyu-book-kind):not(.guyu-book-open){color:var(--color-muted-strong);font-size:var(--text-base);line-height:1.6}.guyu-book-open{justify-self:start;margin-block-start:var(--space-sm);color:var(--color-accent);border-block-end:var(--rule-hairline) solid currentColor;white-space:nowrap}.guyu-shelf-note{max-inline-size:var(--layout-reading);margin:var(--space-xl) 0 0;color:var(--color-muted-strong);font-size:var(--text-base);line-height:1.6}.guyu-home-shelf{position:relative;z-index:var(--z-base);display:grid;gap:var(--space-2xl);inline-size:100%;padding:var(--space-4xl) clamp(var(--space-md),6vw,var(--space-3xl));color:var(--color-ink);background:var(--color-paper);border-block:var(--rule-hairline) solid var(--color-rule)}.guyu-home-shelf-heading,.guyu-home-work,.guyu-home-shelf-note{inline-size:min(100%,var(--layout-wide));margin-inline:auto}.guyu-home-shelf-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:var(--space-xl)}.guyu-home-shelf-heading h2{min-inline-size:0;margin:0;font-family:var(--font-display);font-size:var(--text-display-s);font-style:normal;font-weight:700;line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}.guyu-home-shelf-heading p,.guyu-home-shelf-note{margin-block:0;color:var(--color-muted-strong);font-size:var(--text-lg);line-height:1.6}.guyu-home-work{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(var(--space-xl),7vw,var(--space-4xl));min-inline-size:0;padding-block:var(--space-2xl);color:var(--color-ink);border-block:var(--rule-hairline) solid var(--color-rule);transition:color var(--dur-short) var(--ease-out)}.guyu-home-work:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-xs)}.guyu-home-work:active .guyu-home-book{transform:translateY(var(--rule-hairline))}.guyu-home-book{position:relative;justify-self:center;display:block;inline-size:min(100%,20rem);aspect-ratio:1100 / 1684;overflow:hidden;color:var(--color-paper-2);background:var(--color-ink);border-radius:calc(var(--radius-card) * .72);box-shadow:var(--shadow-book);transform-origin:left center;transition:transform var(--dur-long) var(--ease-out)}.guyu-home-book img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.guyu-home-work-copy{display:grid;gap:var(--space-md);min-inline-size:0}.guyu-home-work-kind{color:var(--color-muted-strong);font-size:var(--text-sm);letter-spacing:.08em}.guyu-home-work-copy>strong{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-display-s));font-style:normal;font-weight:700;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}.guyu-home-work-copy>span:not(.guyu-home-work-kind):not(.guyu-home-work-open){max-inline-size:var(--layout-reading);color:var(--color-muted-strong);font-size:var(--text-lg);line-height:1.65}.guyu-home-work-open{justify-self:start;margin-block-start:var(--space-md);color:var(--color-accent);border-block-end:var(--rule-hairline) solid currentColor;font-size:var(--text-base);white-space:nowrap}.guyu-home-shelf-note{font-size:var(--text-base)}@media(hover:hover)and (pointer:fine){.guyu-home-work:hover .guyu-home-book{transform:translateY(calc(var(--space-xs) * -1))}.guyu-home-work:hover .guyu-home-work-open{color:var(--color-ink)}}@media(max-width:48rem){.guyu-home-shelf{gap:var(--space-xl);padding-block:var(--space-3xl)}.guyu-home-shelf-heading,.guyu-home-work{grid-template-columns:minmax(0,1fr)}.guyu-home-shelf-heading{gap:var(--space-md)}.guyu-home-shelf-heading p,.guyu-home-work-copy>span:not(.guyu-home-work-kind):not(.guyu-home-work-open){font-size:var(--text-base)}.guyu-home-work{gap:var(--space-xl);padding-block:var(--space-xl)}.guyu-home-book{inline-size:min(62vw,13rem)}.guyu-home-work-copy>strong{font-size:clamp(var(--text-2xl),12vw,3.75rem)}}@media(prefers-reduced-motion:reduce){.guyu-home-book{transition-duration:var(--dur-micro)}.guyu-home-work:hover .guyu-home-book,.guyu-home-work:active .guyu-home-book{transform:none}}.guyu-reader-page{min-block-size:100svh;padding:var(--space-4xl) clamp(var(--space-md),4vw,var(--space-2xl)) var(--space-3xl)}.guyu-reader-heading{inline-size:min(100%,var(--layout-wide));margin-inline:auto;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:end;gap:var(--space-xl);padding-block-end:var(--space-xl);border-block-end:var(--rule-hairline) solid var(--color-rule)}.guyu-reader-heading>div{min-inline-size:0}.guyu-reader-heading h1{min-inline-size:0;margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-style:normal;line-height:1.1;overflow-wrap:anywhere}.guyu-reader-heading p{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.guyu-reader-back{align-self:center;min-block-size:var(--size-hit);display:inline-flex;align-items:center;color:var(--color-accent);border-block-end:var(--rule-hairline) solid currentColor;white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.guyu-flipbook{inline-size:min(100%,var(--layout-wide));margin-inline:auto;padding-block-start:var(--space-xl)}.guyu-book-viewport{inline-size:100%;perspective:112rem}.guyu-book-stage{position:relative;inline-size:100%;aspect-ratio:1100 / 1684;margin-inline:auto;overflow:visible;touch-action:pan-y pinch-zoom;transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.guyu-book-plane{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);block-size:100%;transform-style:preserve-3d;isolation:isolate;z-index:var(--z-base)}.guyu-page-slot{position:relative;min-inline-size:0;min-block-size:0;block-size:100%;transform-style:preserve-3d;transition:transform var(--dur-short) var(--ease-out)}.guyu-page-slot .guyu-page-image,.guyu-blank-page{inline-size:100%;block-size:100%}.guyu-blank-page{background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:calc(var(--radius-card) * .45);box-shadow:var(--shadow-book)}.guyu-page-image{position:relative;min-inline-size:0;min-block-size:0;margin:0;overflow:hidden;background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:calc(var(--radius-card) * .45);box-shadow:var(--shadow-book)}.guyu-turning-leaf{position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;block-size:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform;z-index:var(--z-turning-page)}.guyu-turning-face{position:absolute;inset:0;overflow:hidden;background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:calc(var(--radius-card) * .45);box-shadow:var(--shadow-book);-webkit-backface-visibility:hidden;backface-visibility:hidden}.guyu-turning-face.is-front{transform:rotateY(0)}.guyu-turning-face.is-back{transform:rotateY(180deg)}.guyu-turning-face img,.guyu-turning-blank{display:block;inline-size:100%;block-size:100%}.guyu-turning-face img{object-fit:contain}.guyu-turning-blank{background:var(--color-paper-2)}.guyu-turning-light{position:absolute;inset:0;pointer-events:none}.guyu-turning-face.is-front .guyu-turning-light{background:linear-gradient(to left,color-mix(in oklch,var(--color-ink) 48%,transparent),transparent 58%)}.guyu-turning-face.is-back .guyu-turning-light{background:linear-gradient(to right,color-mix(in oklch,var(--color-ink) 48%,transparent),transparent 58%)}.guyu-turn-shadow{position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;background:linear-gradient(to right,color-mix(in oklch,var(--color-ink) 30%,transparent),color-mix(in oklch,var(--color-ink) 16%,transparent) 30%,transparent 78%);filter:blur(var(--space-3xs));pointer-events:none;transform-origin:left center;z-index:var(--z-turn-shadow)}.guyu-turn-shadow.is-backward{transform-origin:right center;background:linear-gradient(to left,color-mix(in oklch,var(--color-ink) 30%,transparent),color-mix(in oklch,var(--color-ink) 16%,transparent) 30%,transparent 78%)}.guyu-page-image img{display:block;inline-size:100%;block-size:100%;object-fit:contain;opacity:0;transition:opacity var(--dur-short) var(--ease-out);-webkit-user-select:none;user-select:none}.guyu-page-image.is-loaded img{opacity:1}.guyu-page-loading{position:absolute;inset:var(--space-lg);background:var(--color-paper-3);opacity:.7}.guyu-page-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-error);background:var(--color-paper-2);text-align:center;z-index:var(--z-raised)}.guyu-page-error button,.guyu-turn-button{min-inline-size:var(--size-hit);min-block-size:var(--size-hit);padding-inline:var(--space-lg);color:var(--color-ink);background:var(--color-paper);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.guyu-page-error button:active,.guyu-turn-button:active{transform:translateY(var(--rule-hairline))}.guyu-turn-button:disabled,.guyu-page-error button:disabled,.guyu-page-zone:disabled{opacity:.5;cursor:not-allowed}.guyu-turn-button[data-state=loading]{color:var(--color-muted)}.guyu-page-zone{position:absolute;inset-block:0;inline-size:50%;padding:0;background:transparent;border:0;cursor:pointer;z-index:var(--z-page-controls)}.guyu-book-stage:has(.guyu-page-image.is-error) .guyu-page-zone,.guyu-book-stage.is-turning .guyu-page-zone{pointer-events:none}.guyu-page-zone.is-previous{inset-inline-start:0}.guyu-page-zone.is-next{inset-inline-end:0}.guyu-page-zone:active{background:color-mix(in oklch,var(--color-paper-3) 18%,transparent)}.guyu-book-controls{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-md);margin-block-start:var(--space-lg)}.guyu-book-controls p{margin:0;color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center}.guyu-reader-help{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.5;text-align:center}.guyu-accessibility-note{max-inline-size:var(--layout-reading);margin:var(--space-sm) auto 0;color:var(--color-muted-strong);font-size:var(--text-sm);line-height:1.5;text-align:center}@media(hover:hover)and (pointer:fine){.guyu-book-link:hover .guyu-book-cover img{transform:scale(1.02)}.guyu-reader-back:hover{color:var(--color-ink)}.guyu-page-error button:hover,.guyu-turn-button:hover:not(:disabled){background:var(--color-paper-3)}}.guyu-reader-back:active{color:var(--color-muted-strong)}@media(pointer:coarse){.guyu-page-zone{display:none}.duomei-header.duomei-header.is-menu-open nav a,.duomei-header.duomei-header.is-menu-open nav button{min-height:var(--size-hit)!important;min-block-size:var(--size-hit)}}@media(min-width:40rem){.guyu-library-intro{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:end}.guyu-library-intro p{padding-block-end:var(--space-sm)}}@media(min-width:48rem){.guyu-book-stage{inline-size:min(100%,calc((100svh - var(--space-4xl) - var(--space-3xl)) * 1.3064));aspect-ratio:2200 / 1684}.guyu-book-controls,.guyu-reader-help,.guyu-accessibility-note{inline-size:min(100%,calc((100svh - var(--space-4xl) - var(--space-3xl)) * 1.3064));margin-inline:auto}.guyu-book-plane{grid-template-columns:repeat(2,minmax(0,1fr))}.guyu-book-stage.is-desktop .guyu-turning-leaf{inset-inline-start:50%;inline-size:50%}.guyu-book-stage.is-desktop .guyu-turn-shadow{inline-size:50%}.guyu-book-stage.is-desktop .guyu-turn-shadow.is-forward{inset-inline-start:auto;inset-inline-end:0}.guyu-book-stage.is-desktop .guyu-turn-shadow.is-backward{inset-inline-start:0;inset-inline-end:auto}.guyu-book-stage.is-desktop:has(.guyu-book-plane.is-spread):after{content:"";position:absolute;inset-block:0;inset-inline-start:50%;inline-size:var(--rule-hairline);background:var(--color-rule);box-shadow:calc(var(--space-xs) * -1) 0 var(--space-md) color-mix(in oklch,var(--color-ink) 12%,transparent),var(--space-xs) 0 var(--space-md) color-mix(in oklch,var(--color-ink) 12%,transparent);z-index:var(--z-raised);pointer-events:none}.guyu-page-slot.is-left{transform-origin:right center}.guyu-page-slot.is-right{transform-origin:left center}.guyu-page-slot.is-left>:is(.guyu-page-image,.guyu-blank-page){border-start-end-radius:0;border-end-end-radius:0}.guyu-page-slot.is-right>:is(.guyu-page-image,.guyu-blank-page){border-start-start-radius:0;border-end-start-radius:0}}@media(min-width:48rem)and (hover:hover)and (pointer:fine){.guyu-book-stage.is-desktop:not(.is-turning):has(.guyu-page-zone.is-next:hover) .guyu-page-slot.is-right{transform:translateZ(var(--space-xs)) rotateY(-4deg)}.guyu-book-stage.is-desktop:not(.is-turning):has(.guyu-page-zone.is-previous:hover) .guyu-page-slot.is-left{transform:translateZ(var(--space-xs)) rotateY(4deg)}}@media(max-width:39.999rem){.duomei-header.duomei-header .duomei-menu-toggle{width:var(--size-hit)!important;height:var(--size-hit)!important}.duomei-header.duomei-header.is-menu-open nav a,.duomei-header.duomei-header.is-menu-open nav button{min-height:var(--size-hit)!important;min-block-size:var(--size-hit)}.guyu-library-page,.guyu-reader-page{padding-inline:var(--space-md)}.guyu-library-page{padding-block-start:var(--space-4xl)}.guyu-library-intro{padding-block-end:var(--space-xl)}.guyu-shelf{grid-auto-columns:minmax(17rem,calc(100% - var(--space-lg)));gap:var(--space-md)}.guyu-book-link{min-block-size:17rem;gap:var(--space-md);padding:var(--space-md)}.guyu-reader-heading{grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-sm)}.guyu-reader-back{justify-self:start}.guyu-book-controls{gap:var(--space-xs)}.guyu-turn-button{padding-inline:var(--space-md)}.guyu-reader-help{text-align:start}.guyu-accessibility-note{margin-inline:0;text-align:start}}@media(prefers-reduced-motion:reduce){.guyu-book-link,.guyu-book-cover img,.guyu-page-image img,.guyu-page-error button,.guyu-turn-button,.guyu-gate-form input,.guyu-gate-form button,.guyu-gate-recovery button{transition-duration:var(--dur-micro)}.guyu-book-link:hover,.guyu-book-link:active,.guyu-page-error button:hover,.guyu-page-error button:active,.guyu-turn-button:hover,.guyu-turn-button:active,.guyu-gate-form button:hover,.guyu-gate-form button:active,.guyu-gate-recovery button:hover,.guyu-gate-recovery button:active{transform:none}.guyu-page-slot{transition-duration:var(--dur-micro)}.guyu-book-stage .guyu-page-slot{transform:none!important}}.guyu-reader-page{position:fixed;inset:0;min-block-size:0;block-size:100svh;padding:0;overflow:hidden;background:var(--color-paper);isolation:isolate}.guyu-reader-heading{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + var(--size-guyu-reader-edge));inset-inline-start:calc(env(safe-area-inset-left,0px) + var(--size-guyu-reader-edge));inline-size:auto;margin:0;display:block;padding:0;border:0;z-index:calc(var(--z-page-controls) + 2);pointer-events:none}.guyu-reader-back{inline-size:var(--size-hit);min-inline-size:var(--size-hit);block-size:var(--size-hit);min-block-size:var(--size-hit);display:grid;place-items:center;color:var(--color-muted);background:color-mix(in oklch,var(--color-paper) 82%,transparent);border:var(--rule-hairline) solid color-mix(in oklch,var(--color-ink) 12%,transparent);border-radius:50%;box-shadow:0 var(--space-xs) var(--space-lg) color-mix(in oklch,var(--color-ink) 8%,transparent);opacity:0;pointer-events:none;transform:translate(calc(var(--space-sm) * -1));-webkit-backdrop-filter:blur(var(--space-sm));backdrop-filter:blur(var(--space-sm));transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),color var(--dur-short) var(--ease-out)}.guyu-reader-page.is-book-open .guyu-reader-back{opacity:1;pointer-events:auto;transform:translate(0)}.guyu-reader-back svg{inline-size:var(--space-lg);block-size:var(--space-lg);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.guyu-reader-page .guyu-flipbook{position:fixed;inset:0;inline-size:auto;margin:0;display:grid;place-items:center;padding:0}.guyu-reader-page .guyu-book-viewport{position:relative;inline-size:100%;display:grid;place-items:center;perspective:var(--size-guyu-perspective)}.guyu-reader-page .guyu-book-viewport:after{content:"";position:absolute;inset-inline:22%;inset-block-end:calc(var(--space-lg) * -1);block-size:var(--space-2xl);background:radial-gradient(ellipse at center,color-mix(in oklch,var(--color-ink) 18%,transparent),transparent 72%);filter:blur(var(--space-md));opacity:.72;pointer-events:none;z-index:-1}.guyu-reader-page .guyu-book-stage{inline-size:min(calc(100vw - var(--size-guyu-book-gutter)),calc((100svh - var(--size-guyu-reader-reserved)) * var(--ratio-guyu-book-spread)),var(--size-guyu-book-max));aspect-ratio:2200 / 1684;margin:0;overflow:visible;touch-action:pan-y pinch-zoom}.guyu-reader-page .guyu-book-plane{grid-template-columns:repeat(2,minmax(0,1fr))}.guyu-reader-page .guyu-book-stage.is-desktop .guyu-turning-leaf{inset-inline-start:50%;inline-size:50%}.guyu-reader-page .guyu-book-stage.is-desktop .guyu-turn-shadow{inline-size:50%}.guyu-reader-page .guyu-book-stage.is-desktop .guyu-turn-shadow.is-forward{inset-inline-start:auto;inset-inline-end:0}.guyu-reader-page .guyu-book-stage.is-desktop .guyu-turn-shadow.is-backward{inset-inline-start:0;inset-inline-end:auto}.guyu-reader-page .guyu-book-stage.is-desktop:has(.guyu-book-plane.is-spread):after{content:"";position:absolute;inset-block:0;inset-inline-start:50%;inline-size:var(--rule-hairline);background:color-mix(in oklch,var(--color-ink) 14%,transparent);box-shadow:calc(var(--space-xs) * -1) 0 var(--space-md) color-mix(in oklch,var(--color-ink) 12%,transparent),var(--space-xs) 0 var(--space-md) color-mix(in oklch,var(--color-ink) 12%,transparent);z-index:var(--z-raised);pointer-events:none}.guyu-reader-page .guyu-page-slot.is-left{transform-origin:right center}.guyu-reader-page .guyu-page-slot.is-right{transform-origin:left center}.guyu-reader-page .guyu-page-slot.is-left>:is(.guyu-page-image,.guyu-blank-page){border-start-end-radius:0;border-end-end-radius:0}.guyu-reader-page .guyu-page-slot.is-right>:is(.guyu-page-image,.guyu-blank-page){border-start-start-radius:0;border-end-start-radius:0}.guyu-reader-page .guyu-book-plane.is-cover .guyu-page-slot.is-right:after{content:"";position:absolute;inset-block:var(--space-3xs);inset-inline-end:calc(var(--space-xs) * -1);inline-size:var(--space-xs);background:repeating-linear-gradient(to right,color-mix(in oklch,var(--color-paper-3) 78%,var(--color-ink)) 0 1px,color-mix(in oklch,var(--color-rule) 72%,var(--color-paper)) 1px 2px);border-radius:0 var(--space-3xs) var(--space-3xs) 0;opacity:.62;pointer-events:none;z-index:var(--z-raised)}.guyu-reader-page .guyu-page-zone{display:block}.guyu-reader-page .guyu-page-zone:focus-visible{outline:var(--rule-focus) solid color-mix(in oklch,var(--color-accent) 70%,var(--color-paper));outline-offset:calc(var(--space-xs) * -1)}.guyu-reader-page .guyu-book-controls{position:fixed;inset-inline-start:50%;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--size-guyu-controls-offset));inline-size:min(calc(100vw - var(--space-2xl)),var(--size-guyu-controls-max));margin:0;display:grid;grid-template-columns:var(--size-hit) minmax(0,1fr) var(--size-hit);gap:var(--space-xs);padding:var(--space-xs);background:color-mix(in oklch,var(--color-paper-2) 84%,transparent);border:var(--rule-hairline) solid color-mix(in oklch,var(--color-ink) 10%,transparent);border-radius:999px;box-shadow:0 var(--space-sm) var(--space-xl) color-mix(in oklch,var(--color-ink) 10%,transparent);opacity:0;pointer-events:none;transform:translate(-50%,var(--space-md));-webkit-backdrop-filter:blur(var(--space-md));backdrop-filter:blur(var(--space-md));transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out);z-index:calc(var(--z-page-controls) + 1)}.guyu-reader-page.is-book-open .guyu-book-controls{opacity:1;pointer-events:auto;transform:translate(-50%)}.guyu-reader-page .guyu-book-controls p{align-self:center;color:var(--color-muted-strong);font-size:var(--text-xs);line-height:1.2;white-space:nowrap}.guyu-reader-page .guyu-turn-button{inline-size:var(--size-hit);min-inline-size:var(--size-hit);block-size:var(--size-hit);min-block-size:var(--size-hit);display:grid;place-items:center;padding:0;color:var(--color-ink);background:transparent;border:0;border-radius:50%}.guyu-reader-page .guyu-turn-button span{font-family:var(--font-body);font-size:var(--text-guyu-control);font-weight:300;line-height:1;transform:translateY(-.08em)}.guyu-reader-page .guyu-turn-button:disabled{opacity:.24}.guyu-open-hint{position:fixed;inset-inline-start:50%;inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--size-guyu-hint-offset));margin:0;display:flex;align-items:center;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:1;white-space:nowrap;transform:translate(-50%);z-index:var(--z-page-controls)}.guyu-open-hint span{inline-size:var(--space-sm);block-size:var(--space-sm);background:var(--color-rule-strong);border-radius:50%;animation:guyu-hint-pulse 1.6s ease-in-out infinite}@keyframes guyu-hint-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media(hover:hover)and (pointer:fine){.guyu-reader-page .guyu-book-stage.is-desktop:not(.is-turning):has(.guyu-page-zone.is-next:hover) .guyu-page-slot.is-right{transform:translateZ(var(--space-xs)) rotateY(-6deg)}.guyu-reader-page .guyu-book-stage.is-desktop:not(.is-turning):has(.guyu-page-zone.is-previous:hover) .guyu-page-slot.is-left{transform:translateZ(var(--space-xs)) rotateY(6deg)}}@media(max-width:40rem){.guyu-reader-page{padding:0}.guyu-reader-heading{inset-block-start:calc(env(safe-area-inset-top,0px) + var(--size-guyu-mobile-edge));inset-inline-start:calc(env(safe-area-inset-left,0px) + var(--size-guyu-mobile-edge))}.guyu-reader-page .guyu-book-controls{inline-size:min(calc(100vw - var(--space-xl)),var(--size-guyu-controls-mobile-max));inset-block-end:calc(env(safe-area-inset-bottom,0px) + var(--size-guyu-mobile-edge))}}@media(prefers-reduced-motion:reduce){.guyu-open-hint span{animation:none}}.guyu-pageflip-shell{position:relative;inline-size:min(calc(100vw - var(--size-guyu-book-gutter)),calc((100svh - var(--size-guyu-reader-reserved)) * var(--ratio-guyu-book-spread)),var(--size-guyu-book-max));aspect-ratio:2200 / 1684;display:grid;place-items:center;margin:0;touch-action:manipulation;isolation:isolate}.guyu-pageflip-shell:after{content:"";position:absolute;inset-inline:22%;inset-block-end:calc(var(--space-lg) * -1);block-size:var(--space-2xl);background:radial-gradient(ellipse at center,color-mix(in oklch,var(--color-ink) 18%,transparent),transparent 72%);filter:blur(var(--space-md));opacity:.72;pointer-events:none;z-index:-1}.guyu-pageflip,.guyu-pageflip.stf__parent{inline-size:100%!important;block-size:100%!important;min-inline-size:0!important;min-block-size:0!important;margin:0!important;overflow:visible!important;transition:transform .58s cubic-bezier(.22,.8,.24,1)}.guyu-pageflip-shell.is-start .guyu-pageflip{transform:translate(-25%)}.guyu-pageflip-shell.is-open .guyu-pageflip{transform:translate(0)}.guyu-pageflip-shell.is-end .guyu-pageflip{transform:translate(25%)}.guyu-pageflip .stf__wrapper{overflow:visible!important}.guyu-flip-page{position:relative;inline-size:100%;block-size:100%;overflow:hidden;background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:calc(var(--radius-card) * .45);box-shadow:var(--shadow-book);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.guyu-flip-page-image,.guyu-spread-crop,.guyu-flip-paper,.guyu-flip-page-placeholder{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;background:var(--color-paper-2)}@keyframes guyu-page-loading{0%{background-position:120% 0}to{background-position:-120% 0}}.guyu-flip-page-image img{display:block;inline-size:100%;block-size:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.guyu-spread-crop{overflow:hidden}.guyu-spread-canvas{position:absolute;inset-block:0;inline-size:200%;block-size:100%}.guyu-flip-page.is-spread-left .guyu-spread-canvas{inset-inline-start:0}.guyu-flip-page.is-spread-right .guyu-spread-canvas{inset-inline-start:-100%}.guyu-spread-canvas img{display:block;inline-size:100%;block-size:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.guyu-stacked-crop{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--color-paper-2)}.guyu-stacked-half{position:relative;inline-size:100%;aspect-ratio:1190 / 808;overflow:hidden}.guyu-stacked-half img{position:absolute;inset-inline-start:0;inline-size:100%;block-size:200%;object-fit:fill;-webkit-user-select:none;user-select:none}.guyu-flip-page.is-stacked-top .guyu-stacked-half img{inset-block-start:0}.guyu-flip-page.is-stacked-bottom .guyu-stacked-half img{inset-block-start:-100%}.guyu-flip-page-placeholder{background:linear-gradient(110deg,transparent 28%,color-mix(in oklch,var(--color-paper) 70%,transparent) 42%,transparent 58%),var(--color-paper-2);background-size:220% 100%;animation:guyu-page-loading 1.4s linear infinite}.guyu-pageflip-shell>.guyu-page-zone{display:block;z-index:var(--z-page-controls)}@media(pointer:coarse){.guyu-pageflip-shell>.guyu-page-zone{pointer-events:none}.guyu-pageflip-shell:not(.is-touch-ready) .guyu-pageflip{pointer-events:none}}.guyu-flipbook[aria-busy=true] .guyu-page-zone{cursor:wait}@media(min-width:40.001rem){.guyu-pageflip-shell{transform:translateY(calc(var(--space-md) * -1))}}@media(prefers-reduced-motion:reduce){.guyu-flip-page-placeholder{animation:none}}
