:root{--brand-pink: #DFC6C6;--brand-brown: #6D5954;--rose: #D4A5A5;--lavender: #B8A9C9;--coral: #E8A87C;--blush: #F5D0C5;--gray-rose: #C9929A;--nadeshiko: #E8B4B8;--sakura: #FEDFE1;--lotus: #9B7E93;--fuji: #C4B7D7;--bellflower: #8F77B5;--sage: #A8B5A0;--mist: #E8E4E1;--warm-gray: #B5ADA7;--charcoal: #5C5856;--text-heading: #333333;--text-body: #4A4A4A;--text-muted: #888888;--text-note: #AAAAAA;--bg-page: #FAFAFA;--bg-card: #FFFFFF;--border-color: rgba(212, 165, 165, .15);--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-brand: linear-gradient(135deg, #D4A5A5, #B8A9C9);--gradient-logo: linear-gradient(135deg, #DFC6C6, #6D5954)}html.dark{--text-heading: #EDE8E9;--text-body: #C4BBBF;--text-muted: #918A8D;--text-note: #6B6466;--bg-page: #1E181B;--bg-card: #282224;--border-color: rgba(61, 53, 56, .6);--rose: #DAAEB0;--lavender: #C2B4D0;--coral: #F0B88C;--brand-pink: #E8D2D2;--brand-brown: #8A7570;--shadow-sm: 0 2px 8px rgba(30, 24, 27, .3);--shadow-md: 0 4px 16px rgba(30, 24, 27, .4);--shadow-lg: 0 8px 32px rgba(30, 24, 27, .5)}@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: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-Bold.woff2) format("woff2");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:GenSenRounded,Noto Sans TC,sans-serif;font-weight:500;font-size:16px;line-height:1.8;color:var(--text-body);background-color:var(--bg-page);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.page-wrapper{min-height:100vh;padding:48px 24px;transition:background-color .5s,color .5s}.container{max-width:960px;margin:0 auto}.hero{text-align:center;margin-bottom:48px;position:relative}.hero-title{font-size:48px;font-weight:700;letter-spacing:.02em;margin-bottom:20px;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:16px;color:var(--text-muted);letter-spacing:.02em;line-height:1.8;margin-bottom:20px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.badge-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;background:var(--bg-card);border:1px solid rgba(184,169,201,.2);color:var(--text-muted)}.badge-solid{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:500;background:var(--gradient-brand);color:#fff;box-shadow:0 4px 16px #d4a5a540}.hero-watermark{position:absolute;right:0;bottom:0;width:48px;height:48px;opacity:.18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-section{margin-bottom:48px}.category-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.category-title{font-size:18px;font-weight:500;white-space:nowrap;color:var(--rose)}.category-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.category-desc{font-size:12px;white-space:nowrap;color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tool-card{position:relative;display:flex;flex-direction:column;padding:28px 28px 64px;border-radius:24px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;animation:fadeInUp .5s ease both}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-card:hover .top-bar{opacity:1!important}.tool-card:hover .tool-icon{transform:scale(1.08) rotate(-3deg)}.tool-card:hover .card-arrow{background:var(--gradient-brand);color:#fff}.top-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:24px 24px 0 0;opacity:.5;transition:opacity .3s}.top-bar.color-rose{background:linear-gradient(90deg,#d4a5a5,#f5d0c5)}.top-bar.color-lavender{background:linear-gradient(90deg,#b8a9c9,#c9c1dc)}.top-bar.color-sage{background:linear-gradient(90deg,#a8b5a0,#c5d4bd)}.top-bar.color-blush{background:linear-gradient(90deg,#f5d0c5,#fedfe1)}.top-bar.color-sakura{background:linear-gradient(90deg,#fedfe1,#f5d0c5)}.tool-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .5s}.tool-icon svg{width:28px;height:28px}.tool-icon.color-rose{background:linear-gradient(135deg,#d4a5a538,#f5d0c526);color:var(--rose)}.tool-icon.color-lavender{background:linear-gradient(135deg,#b8a9c938,#c9c1dc26);color:var(--lavender)}.tool-icon.color-sage{background:linear-gradient(135deg,#a8b5a038,#b8c9b026);color:var(--sage)}.tool-icon.color-blush{background:linear-gradient(135deg,#f5d0c538,#fedfe126);color:var(--blush)}.tool-icon.color-sakura{background:linear-gradient(135deg,#fedfe138,#f5d0c526);color:var(--sakura)}.tool-name{font-size:18px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;color:var(--text-heading)}.tool-desc{font-size:14px;line-height:1.8;color:var(--text-muted);flex:1}.badge-wip{display:inline-block;font-size:12px;padding:2px 10px;border-radius:8px;background:#d4a5a526;color:var(--rose);margin-left:8px;vertical-align:middle}.card-arrow{position:absolute;bottom:24px;right:24px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mist);color:var(--rose);transition:background .3s,color .3s}.card-arrow svg{width:20px;height:20px}.site-footer{margin-top:40px;padding-top:48px;text-align:center;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:var(--gradient-brand)}.footer-privacy{font-size:14px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.footer-copyright{font-size:14px;color:var(--text-note)}.footer-copyright a{color:var(--rose);transition:opacity .3s}.footer-copyright a:hover{opacity:.8}.footer-links{display:flex;justify-content:center;gap:32px;margin-top:20px}.footer-link{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted);transition:color .3s}.footer-link:hover{color:var(--rose)}.footer-link svg{width:16px;height:16px}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s;color:var(--text-muted)}.theme-toggle:hover{border-color:var(--rose);color:var(--rose)}.theme-toggle svg{width:20px;height:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.page-wrapper{padding:32px 16px}.hero-title{font-size:30px}.tool-grid{grid-template-columns:1fr}.category-desc{display:none}.footer-links{gap:20px}}