@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@font-face{font-family:XiangCuiKeSong;src:url(/fonts/XiangCuiKeSong.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:GenSenRounded;src:url(https://lab.helloruru.com/fonts/GenSenRounded-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:GenSenRounded;src:url(https://lab.helloruru.com/fonts/GenSenRounded-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:GenSenRounded;src:url(https://lab.helloruru.com/fonts/GenSenRounded-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:GenWanMin2;src:url(/fonts/GenWanMin2TW-R.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:GenWanMin2;src:url(/fonts/GenWanMin2TW-M.woff2) format("woff2");font-weight:500;font-display:swap}:root{--font-heading: "XiangCuiKeSong", "Noto Serif TC", serif;--font-body: "GenWanMin2", "Noto Serif TC", serif;--font-ui: "GenSenRounded", "Noto Sans TC", sans-serif;--font-code: "JetBrains Mono", "Fira Code", monospace;--color-rose: #D4A5A5;--color-lavender: #B8A9C9;--color-gray-rose: #C9929A;--color-sage: #A8B5A0;--color-blush: #F5D0C5;--color-nadeshiko: #E8B4B8;--color-sakura: #FEDFE1;--color-lotus: #9B7E93;--color-wisteria: #C4B7D7;--color-bellflower: #8F77B5;--color-coral: #E8A87C;--color-coral-dark: #D09060;--color-coral-light: #F2C8A8;--color-coral-bg: rgba(232, 168, 124, .1);--color-fog: #E8E4E1;--color-warm-gray: #B5ADA7;--color-charcoal: #5C5856;--text-primary: #333333;--text-secondary: #4A4A4A;--text-muted: #888888;--text-hint: #AAAAAA;--bg-page: #FAF8F5;--bg-card: #FFFDF9;--bg-elevated: #FFFDF9;--bg-sticky: #F8F5FA;--border-color: #E8E4E1;--status-success: #A8B5A0;--status-success-bg: rgba(168, 181, 160, .15);--status-warning: #D4A5A5;--status-warning-bg: rgba(212, 165, 165, .12);--status-error: #C9929A;--status-error-bg: rgba(201, 146, 154, .12);--status-info: #B8A9C9;--status-info-bg: rgba(184, 169, 201, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(212, 165, 165, .08);--shadow-md: 0 4px 16px rgba(212, 165, 165, .1);--shadow-lg: 0 8px 32px rgba(212, 165, 165, .14);--gradient-primary: linear-gradient(135deg, #D4A5A5, #B8A9C9);--gradient-soft: linear-gradient(180deg, #FFFFFF, #FAFAFA);--gradient-pink: linear-gradient(135deg, #F5D0C5, #C4B7D7);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}html.dark{--color-rose: #DAAEB0;--color-lavender: #C2B4D0;--color-gray-rose: #D4A0A4;--color-sage: #A8B5A0;--color-coral: #F0B88C;--color-coral-dark: #DCA070;--text-primary: #EDE8E9;--text-secondary: #C4BBBF;--text-muted: #918A8D;--text-hint: #6B6466;--bg-page: #1E181B;--bg-card: #282224;--bg-elevated: #332C2F;--bg-sticky: #262028;--border-color: #3D3538;--status-success: #A8B5A0;--status-success-bg: rgba(168, 181, 160, .12);--status-warning: #DAAEB0;--status-warning-bg: rgba(218, 174, 176, .1);--status-error: #D4A0A4;--status-error-bg: rgba(212, 160, 164, .1);--status-info: #C2B4D0;--status-info-bg: rgba(194, 180, 208, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(135deg, #DAAEB0, #C2B4D0);--gradient-soft: linear-gradient(180deg, #282224, #1E181B);--gradient-pink: linear-gradient(135deg, #C9A69D, #C4B7D7)}html.dark body{background-image:none}html.dark .card:before,html.dark .card-accent:before{opacity:.03}html.dark .washi-tape{opacity:.5;filter:brightness(.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-body);font-weight:400;font-size:17px;line-height:2;letter-spacing:.02em;color:var(--text-secondary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/textures/paper-bg.webp);background-repeat:repeat;background-size:400px}h1,h2{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:0}h3,h4,h5,h6{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.01em}h1{font-size:40px;font-weight:700;line-height:1.3}h2{font-size:28px;font-weight:500;line-height:1.3}h3{font-size:20px;font-weight:500;line-height:1.3}small,.text-small{font-size:14px;font-weight:500;line-height:1.6}.text-caption{font-family:Noto Sans TC,sans-serif;font-size:12px;font-weight:400;line-height:1.6}a{color:var(--color-rose);text-decoration:underline;transition:color var(--transition-fast)}a:hover{color:var(--color-gray-rose)}nav a{color:var(--text-secondary);text-decoration:none}nav a:hover{color:var(--color-rose)}.card{background:var(--bg-card);border-radius:20px;padding:var(--space-lg);box-shadow:0 2px 8px #b48c8c14,0 8px 32px #b48c8c0f,inset 0 1px #ffffffe6;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background-image:url(/textures/paper-card.webp);background-repeat:repeat;background-size:400px;opacity:.15;pointer-events:none;z-index:0}.card:hover{transform:translateY(-4px) rotate(.3deg);box-shadow:0 4px 16px #b48c8c24,0 16px 48px #b48c8c1a,inset 0 1px #ffffffe6}.card-accent{background:linear-gradient(135deg,#f5d0c51f,#c4b7d714);border:1px solid rgba(212,165,165,.2);border-radius:20px;padding:var(--space-lg);box-shadow:0 2px 8px #b48c8c14,0 8px 32px #b48c8c0f,inset 0 1px #ffffffe6;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;inset:0;background-image:url(/textures/paper-card.webp);background-repeat:repeat;background-size:400px;opacity:.15;pointer-events:none;z-index:0}.card-accent:hover{transform:translateY(-4px);box-shadow:0 4px 16px #b48c8c24,0 16px 48px #b48c8c1a}.card-sticky{background:var(--bg-sticky);border:none;border-radius:4px;padding:var(--space-lg);box-shadow:2px 3px 8px #b8a9c91f;transform:rotate(-.5deg);position:relative}.card-sticky:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:4px 4px 0 0;opacity:.6}.card-title{font-family:var(--font-heading);font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.card-content{font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--text-secondary);line-height:1.8}.btn-primary{background:var(--color-rose);color:#fff;padding:12px 24px;border:none;border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-primary:hover{background:var(--color-gray-rose);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--color-rose);padding:12px 24px;border:2px solid var(--color-rose);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--color-rose);color:#fff}.washi-tape{position:absolute;pointer-events:none;background-size:contain;background-repeat:no-repeat;z-index:2}.washi-tape--rose{background-image:url(/textures/tape-dusty-pink.webp);width:100px;height:26px;transform:rotate(2deg);opacity:.85}.washi-tape--rose-fold{background-image:url(/textures/tape-dusty-pink-fold.webp);width:110px;height:32px;transform:rotate(-1deg);opacity:.85}.washi-tape--lavender{background-image:url(/textures/tape-pastel-lavender.webp);width:100px;height:22px;transform:rotate(-1.5deg);opacity:.85}.washi-tape--purple{background-image:url(/textures/tape-pastel-purple.webp);width:95px;height:28px;transform:rotate(1.5deg);opacity:.8}.washi-tape--polkadot{background-image:url(/textures/tape-polkadot.webp);width:100px;height:24px;transform:rotate(-.5deg);opacity:.9}.bookmark-ribbon{position:absolute;top:-4px;right:24px;width:24px;height:48px;background:var(--color-rose);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);opacity:.7}.bookmark-ribbon--coral{background:var(--color-coral)}.badge-coral{display:inline-flex;align-items:center;gap:4px;padding:5px 14px 4px;background:linear-gradient(145deg,#fff3eb,#ffe8d8);color:#b87040;border:1px solid rgba(200,130,80,.4);border-radius:8px;font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.08em;box-shadow:1px 2px 4px #b48c7826,inset 0 1px #fffc;position:relative}html.dark .badge-coral{background:linear-gradient(145deg,#2e2624,#332a26);border-color:#f0b88c59;color:#e8b88c}.stamp-seal{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--color-rose);border-radius:50%;font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--color-rose);text-align:center;line-height:1.2;transform:rotate(-12deg);opacity:.5}.underline-hand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='8' viewBox='0 0 200 8'%3E%3Cpath d='M1 5.5C40 2 80 7 120 4s60-2 79 1' stroke='%23D4A5A5' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-dasharray='6 4'/%3E%3C/svg%3E");background-position:bottom left;background-repeat:repeat-x;background-size:auto 6px;padding-bottom:6px}.divider-rose{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-rose),transparent);margin:var(--space-xl) auto;opacity:.5}.accent-bar{width:60px;height:4px;border-radius:2px;background:var(--gradient-primary);margin-bottom:var(--space-md)}.prose{max-width:720px;margin:0 auto;font-family:var(--font-body);font-size:17px;font-weight:400;line-height:2;letter-spacing:.02em;color:var(--text-secondary)}.prose h2{font-family:var(--font-heading);font-size:24px;font-weight:500;line-height:1.4;color:var(--text-primary);letter-spacing:.04em;margin-top:56px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);position:relative}.prose h2:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:3px;background:var(--gradient-primary);border-radius:2px}.prose h3{font-family:var(--font-body);font-size:18px;font-weight:500;line-height:1.4;color:var(--text-primary);letter-spacing:.04em;margin-top:40px;margin-bottom:var(--space-md);display:flex;align-items:center;gap:10px}.prose h3:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-rose);transform:rotate(45deg);flex-shrink:0}.prose p{margin-bottom:1.8em}.prose a{color:var(--color-rose);text-decoration:underline}.prose a:hover{color:var(--color-gray-rose)}.prose strong{font-weight:500;color:var(--text-primary);background-image:linear-gradient(transparent 60%,#d4a5a540 60%)}.prose em{font-style:italic}.prose blockquote{background:linear-gradient(135deg,#fdf6f0,#f5ecf5);border:none;border-radius:4px 20px 20px 4px;padding:28px 36px;margin:48px 0;position:relative;font-family:var(--font-body);font-size:17px;font-weight:400;line-height:2;color:var(--color-charcoal);font-style:normal}.prose blockquote:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:linear-gradient(to bottom,var(--color-rose),var(--color-lavender));border-radius:0 2px 2px 0}html.dark .prose blockquote{background:linear-gradient(135deg,#282224,#2e2830)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-lg) 0}.prose figure{margin:var(--space-xl) 0}.prose figcaption{font-family:Noto Sans TC,sans-serif;font-size:14px;color:var(--text-muted);text-align:center;margin-top:var(--space-sm)}.prose ul,.prose ol{margin-bottom:28px;padding-left:var(--space-lg)}.prose li{margin-bottom:var(--space-sm)}.prose li::marker{color:var(--color-rose)}.prose code{font-family:var(--font-code);font-size:14px;background:var(--color-fog);padding:2px 6px;border-radius:4px}.prose pre{font-family:var(--font-code);font-size:14px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-xl) 0;overflow-x:auto;line-height:1.6;border:1px solid var(--border-color)}.prose pre code{background:none;padding:0;border-radius:0}.prose table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:15px}.prose th{font-family:var(--font-heading);font-weight:500;text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-rose);color:var(--text-primary)}.prose td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.prose hr{border:none;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-rose),transparent);margin:var(--space-2xl) auto;opacity:.5}.site-footer{text-align:center;padding:var(--space-xl) var(--space-md);font-family:Noto Sans TC,sans-serif;font-size:14px;color:var(--text-secondary)}.site-footer:before{content:"";display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--color-rose),transparent);margin:0 auto var(--space-lg);opacity:.5}.site-footer a{color:var(--color-rose);text-decoration:underline;transition:color var(--transition-fast)}.site-footer a:hover{color:var(--color-gray-rose)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-narrow{max-width:720px;margin:0 auto;padding:0 20px}html *,html *:before,html *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}@media(max-width:1023px){h1{font-size:34px}h2{font-size:26px}}@media(max-width:767px){h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}body,.prose{font-size:16px}.prose h2{font-size:24px}.prose h3{font-size:18px}.container,.container-narrow{padding:0 16px}}.dark-toggle[data-astro-cid-zhnjnodj]{position:fixed;bottom:24px;right:24px;z-index:400;width:44px;height:44px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .25s ease}.dark-toggle[data-astro-cid-zhnjnodj]:hover{box-shadow:var(--shadow-md);color:var(--color-rose)}.icon-moon[data-astro-cid-zhnjnodj],html.dark .icon-sun[data-astro-cid-zhnjnodj]{display:none}html.dark .icon-moon[data-astro-cid-zhnjnodj]{display:block}.blog-nav[data-astro-cid-rgwymvv7]{position:sticky;top:0;z-index:100;background:var(--bg-page);border-bottom:1px solid var(--border-color)}.blog-nav-inner[data-astro-cid-rgwymvv7]{max-width:1200px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.blog-nav-home[data-astro-cid-rgwymvv7]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);transition:opacity .2s}.blog-nav-home[data-astro-cid-rgwymvv7]:hover{opacity:.7}.blog-nav-brand[data-astro-cid-rgwymvv7]{font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#d4a5a5,#b8a9c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-nav-links[data-astro-cid-rgwymvv7]{display:flex;align-items:center;gap:4px}.blog-nav-link[data-astro-cid-rgwymvv7]{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:6px 12px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:4px}.blog-nav-link[data-astro-cid-rgwymvv7]:hover{color:var(--color-rose);background:#d4a5a514}.blog-nav-link[data-astro-cid-rgwymvv7].active{color:var(--color-rose);background:#d4a5a51f}.nav-count[data-astro-cid-rgwymvv7]{font-size:11px;color:var(--text-hint);font-weight:400}.blog-nav-toggle[data-astro-cid-rgwymvv7]{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px}.blog-nav-toggle[data-astro-cid-rgwymvv7]:hover{background:#d4a5a514}.blog-nav-mobile[data-astro-cid-rgwymvv7]{padding:8px 20px 16px;border-bottom:1px solid var(--border-color)}.mobile-link[data-astro-cid-rgwymvv7]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s}.mobile-link[data-astro-cid-rgwymvv7]:hover{background:#d4a5a514}.mobile-link[data-astro-cid-rgwymvv7].active{color:var(--color-rose);background:#d4a5a51a}@media(max-width:767px){.blog-nav-links[data-astro-cid-rgwymvv7]{display:none}.blog-nav-toggle[data-astro-cid-rgwymvv7]{display:block}}html.dark .blog-nav[data-astro-cid-rgwymvv7]{background:var(--bg-page);border-bottom-color:var(--border-color)}