.header[data-astro-cid-3ef6ksr2]{background:radial-gradient(circle at 15% 25%,rgba(255,255,255,.4) 3px,transparent 3px),radial-gradient(circle at 85% 75%,rgba(255,255,255,.4) 3px,transparent 3px),radial-gradient(circle at 45% 15%,rgba(255,255,255,.4) 3px,transparent 3px),radial-gradient(circle at 65% 85%,rgba(255,255,255,.4) 3px,transparent 3px),#fffffff2;background-size:80px 80px,60px 60px,70px 70px,50px 50px,100% 100%;backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 20px #a7e8c54d;border-bottom:3px solid rgba(245,175,133,.4)}.header-content[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;position:relative}.back-button[data-astro-cid-3ef6ksr2]{position:absolute;left:-150px;top:50%;transform:translateY(-50%);font-size:16px;color:#2d4a3d;text-decoration:none;padding:8px 16px;border-radius:20px;background:#a7e8c5cc;backdrop-filter:blur(10px);transition:all .3s ease;border:2px solid rgba(167,232,197,1);display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #a7e8c566}.back-button[data-astro-cid-3ef6ksr2]:hover{background:#a7e8c5;transform:translateY(-50%) translateY(-2px);box-shadow:0 4px 12px #a7e8c599}.logo-section[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:15px}.logo[data-astro-cid-3ef6ksr2]{width:50px;height:50px;border-radius:50%}.brand-text[data-astro-cid-3ef6ksr2]{font-size:24px;font-weight:400;color:#57647d}.brand-title-image[data-astro-cid-3ef6ksr2]{display:block;width:auto;height:auto;max-width:220px;max-height:52px;object-fit:contain}.nav[data-astro-cid-3ef6ksr2]{display:flex;gap:30px}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{text-decoration:none;color:#4a5568;transition:color .3s ease;position:relative}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:#a7e8c5}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,#a7e8c5,#f5af85);border-radius:2px;transition:width .3s ease}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover:after,.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active:after{width:100%}@media (max-width: 768px){.header-content[data-astro-cid-3ef6ksr2]{flex-direction:column;gap:20px}.back-button[data-astro-cid-3ef6ksr2]{position:static;transform:none;margin-bottom:10px}.nav[data-astro-cid-3ef6ksr2]{gap:15px;flex-wrap:wrap;justify-content:center}.nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:14px}}.footer[data-astro-cid-sz7xmlte]{background:#2d3748;color:#fff;text-align:center;padding:40px 0;margin-top:60px}.footer[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{margin:0;font-size:14px;opacity:.9}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,b,strong{font-weight:400}:root{--color-primary-start: rgb(176, 224, 200);--color-primary-end: rgb(244, 186, 152);--color-text-primary: #33443d;--color-text-secondary: #6b7888;--color-text-tertiary: #4a5568;--color-bg-card: rgba(255, 255, 255, .95);--color-shadow: rgba(60, 80, 70, .1);--radius-sm: 15px;--radius-md: 20px;--radius-lg: 25px;--radius-xl: 30px;--font-display: "Quicksand", "CustomFont", "微軟正黑體", sans-serif;--glow-mint: rgba(176, 224, 200, .45);--glow-peach: rgba(244, 186, 152, .4);--gradient-brand: linear-gradient(95deg, rgb(176, 224, 200), rgb(244, 186, 152));--gradient-title: linear-gradient(95deg, #4f9078, #d98a5b);--shadow-card: 0 18px 40px rgba(176, 224, 200, .22), 0 8px 20px rgba(244, 186, 152, .16), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-card-hover: 0 26px 55px rgba(176, 224, 200, .3), 0 12px 28px rgba(244, 186, 152, .22), inset 0 1px 0 rgba(255, 255, 255, .95)}body{font-family:CustomFont,微軟正黑體,sans-serif;line-height:1.6;color:var(--color-text-primary);background:radial-gradient(circle at 25% 35%,rgba(255,255,255,.3) 8px,transparent 8px),radial-gradient(circle at 75% 65%,rgba(255,255,255,.3) 8px,transparent 8px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.3) 8px,transparent 8px),radial-gradient(circle at 15% 75%,rgba(255,255,255,.25) 6px,transparent 6px),radial-gradient(circle at 85% 25%,rgba(255,255,255,.35) 7px,transparent 7px),linear-gradient(135deg,var(--color-primary-start) 0%,var(--color-primary-end) 100%);background-size:80px 80px,100px 100px,120px 120px,90px 90px,110px 110px,100% 100%;background-attachment:fixed;min-height:100vh;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatContactDots{0%{transform:translate(0)}to{transform:translate(20px)}}.container{width:100%;margin:0 auto;padding:0 20px}.section{background:linear-gradient(145deg,#ffffffeb,#ffffffd1);margin:30px 20px;border-radius:var(--radius-xl);box-shadow:0 22px 52px #b0e0c83d,0 10px 26px #f4ba9829,inset 0 1px #ffffffd9;border:1px solid rgba(255,255,255,.6);overflow:hidden;position:relative;backdrop-filter:blur(14px)}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-brand);opacity:.65;z-index:2}.section:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-content{width:100%;max-width:95%;margin:0 auto;padding:50px 40px;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.section-title{text-align:center;font-family:var(--font-display);font-size:2.8rem;font-weight:600;letter-spacing:.01em;color:#4f6173;margin-bottom:70px;position:relative;animation:fadeInUp .6s ease-out}.section-title:not(:has(.section-title-image)){background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:64px;height:4px;background:var(--gradient-brand);border-radius:10px;box-shadow:0 2px 10px var(--glow-mint),0 2px 14px var(--glow-peach)}.card{background:linear-gradient(145deg,#fffffff2,#ffffffe0);border-radius:var(--radius-lg);padding:35px;box-shadow:var(--shadow-card);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;animation:scaleIn .6s ease-out;overflow:hidden;position:relative}.card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.card:hover{transform:translateY(-5px) scale(1.012);box-shadow:var(--shadow-card-hover)}.grid{display:grid;gap:30px}.grid>*{animation:fadeInUp .6s ease-out both}.grid>*:nth-child(1){animation-delay:.04s}.grid>*:nth-child(2){animation-delay:.1s}.grid>*:nth-child(3){animation-delay:.16s}.grid>*:nth-child(4){animation-delay:.22s}.grid>*:nth-child(5){animation-delay:.28s}.grid>*:nth-child(6){animation-delay:.34s}.grid>*:nth-child(7){animation-delay:.4s}.grid>*:nth-child(8){animation-delay:.46s}.grid>*:nth-child(n+9){animation-delay:.5s}@media (prefers-reduced-motion: reduce){.grid>*{animation:none}}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width: 1200px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){body{font-size:14px}.section-title{font-size:2.2rem;margin-bottom:40px}.section-content{padding:40px 25px}.grid-3,.grid-2,.grid-auto{grid-template-columns:1fr;gap:25px}.card{padding:25px}}html{scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:all .3s ease}.btn{display:inline-block;padding:12px 24px;border-radius:25px;transition:all .3s ease;border:none;cursor:pointer;font-family:CustomFont,微軟正黑體,sans-serif}.btn-primary{background:#e7fbf3;color:#57647d;box-shadow:0 6px 18px var(--glow-mint)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--glow-mint),0 4px 12px var(--glow-peach);background:#d6f6ea}.price-tag{font-size:1.3rem;color:#fff;background:var(--gradient-brand);padding:12px 24px;border-radius:25px;display:inline-block;box-shadow:0 6px 18px var(--glow-mint),0 4px 14px var(--glow-peach);border:2px solid rgba(255,255,255,.4)}.gradient-text{background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading{opacity:.6;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-primary-start);outline-offset:2px}body[data-theme=pink]{--color-primary-start: #ff90b3;--color-primary-end: #cdbdf5;--color-text-primary: #6a5560;--color-text-secondary: #9a8893;--color-text-tertiary: #806d78;--color-bg-card: rgba(255, 255, 255, .95);--color-shadow: rgba(205, 160, 190, .16);--glow-mint: rgba(255, 144, 179, .38);--glow-peach: rgba(205, 189, 245, .34);--gradient-brand: linear-gradient(95deg, #ff90b3, #cdbdf5);--gradient-title: linear-gradient(95deg, #ff6f9c, #8b72cf);--shadow-card: 0 18px 40px rgba(255, 144, 179, .18), 0 8px 20px rgba(205, 189, 245, .16), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-card-hover: 0 26px 55px rgba(255, 144, 179, .28), 0 12px 28px rgba(205, 189, 245, .22), inset 0 1px 0 rgba(255, 255, 255, .95);background:radial-gradient(circle at 12% 6%,#ffe5ee 0%,transparent 30%),radial-gradient(circle at 88% 3%,#c8def9 0%,transparent 28%),radial-gradient(circle at 82% 90%,#efe6ff 0%,transparent 32%),#fffaf7;background-attachment:fixed}body[data-theme=pink] .section,body[data-theme=pink] .artist-intro,body[data-theme=pink] .category-filter{box-shadow:0 22px 52px #ff90b333,0 10px 26px #cdbdf529,inset 0 1px #ffffffe0;border-color:#ffc2d675}body[data-theme=pink] .artist-avatar{border-color:#ff90b385;box-shadow:0 12px 32px #ff90b338,0 0 0 10px #ffe5ee9e}body[data-theme=pink] .artist-avatar:hover{border-color:#ff90b3;box-shadow:0 16px 42px #ff90b34d,0 0 0 10px #cdbdf538}body[data-theme=pink] .filter-btn{border-color:#ffc2d6ad}body[data-theme=pink] .filter-btn:before{background:linear-gradient(90deg,transparent,rgba(255,144,179,.24),transparent)}body[data-theme=pink] .filter-btn:hover{color:#ff6f9c;border-color:#ff90b3}body[data-theme=pink] .filter-btn.active,body[data-theme=pink] .price-button,body[data-theme=pink] .btn-primary,body[data-theme=pink] .cta-button{color:#806070;background:#ffe5ee}body[data-theme=pink] .filter-btn.active:hover,body[data-theme=pink] .price-button:hover,body[data-theme=pink] .btn-primary:hover,body[data-theme=pink] .cta-button:hover{background:#ffcfe0}body[data-theme=pink] .artist-name,body[data-theme=pink] .process-type-title,body[data-theme=pink] .step-number,body[data-theme=pink] .step-title,body[data-theme=pink] .process-note h4,body[data-theme=pink] .process-note p,body[data-theme=pink] .guideline-content h4,body[data-theme=pink] .guideline-content p,body[data-theme=pink] .text-work-card,body[data-theme=pink] .text-work-body h3,body[data-theme=pink] .text-work-summary,body[data-theme=pink] .contact,body[data-theme=pink] .contact h2,body[data-theme=pink] .contact p,body[data-theme=pink] .contact-method h4,body[data-theme=pink] .contact-method p,body[data-theme=pink] .contact-method small,body[data-theme=pink] .cta-button{color:#6a5560}body[data-theme=pink] .step-number{border-color:#ff90b36b;box-shadow:0 4px 15px var(--glow-mint),0 4px 18px var(--glow-peach),0 0 0 4px #ffc2d638}body[data-theme=pink] .guideline-icon{box-shadow:0 4px 14px var(--glow-mint),0 0 0 5px #cdbdf52e}body[data-theme=pink] .portfolio-category,body[data-theme=pink] .mod-card,body[data-theme=pink] .text-work-card,body[data-theme=pink] .process-type,body[data-theme=pink] .process-step,body[data-theme=pink] .process-note,body[data-theme=pink] .guideline-item,body[data-theme=pink] .contact-method{border-color:#ffc2d67a;box-shadow:0 12px 30px #ff90b329,0 6px 16px #cdbdf524}body[data-theme=pink] .portfolio-category:hover,body[data-theme=pink] .mod-card:hover,body[data-theme=pink] .text-work-card:hover,body[data-theme=pink] .process-type:hover,body[data-theme=pink] .process-step:hover,body[data-theme=pink] .process-note:hover,body[data-theme=pink] .guideline-item:hover,body[data-theme=pink] .contact-method:hover{box-shadow:0 22px 46px #ff90b347,0 10px 24px #cdbdf533}body[data-theme=pink] .contact{background:linear-gradient(180deg,#fffaf7db,#ffc2d633)}body[data-theme=pink] .text-work-cover,body[data-theme=pink] .mod-view-text{background-color:#ffc2d6bd}body[data-theme=pink] .carousel-container,body[data-theme=pink] .video-container{box-shadow:0 8px 25px #ff90b33d,0 4px 15px #cdbdf52e}body[data-theme=pink] #videos,body[data-theme=pink] #text-works,body[data-theme=pink] #external-links{background:linear-gradient(180deg,#fffffff2,#ffc2d61f)!important}body[data-theme=pink] #process,body[data-theme=pink] #guidelines{background:linear-gradient(180deg,#fffaf7e0,#cdbdf529)!important}body[data-theme=pink] .header{box-shadow:0 4px 20px #ff90b333;border-bottom-color:#cdbdf58a}body[data-theme=pink] .back-button{color:#6a5560;background:#ffc2d6d1;border-color:#ff90b3b8;box-shadow:0 2px 8px #ff90b33d}body[data-theme=pink] .back-button:hover{background:#ffc2d6;box-shadow:0 4px 12px #ff90b357}body[data-theme=pink] .brand-text,body[data-theme=pink] .nav a,body[data-theme=pink] .pricing-container,body[data-theme=pink] .page-title,body[data-theme=pink] .subtitle,body[data-theme=pink] .price-item,body[data-theme=pink] .text-work-container,body[data-theme=pink] .article-body,body[data-theme=pink] .article-body h1,body[data-theme=pink] .article-body h2,body[data-theme=pink] .article-body h3,body[data-theme=pink] .article-body h4,body[data-theme=pink] .article-body h5,body[data-theme=pink] .article-body h6{color:#6a5560}body[data-theme=pink] .nav a:hover,body[data-theme=pink] .nav a.active,body[data-theme=pink] .article-body a{color:#ff6f9c}body[data-theme=pink] .nav a:after,body[data-theme=pink] .title-divider{background:var(--gradient-brand);box-shadow:0 2px 8px #ff90b347}body[data-theme=pink] .pricing-container,body[data-theme=pink] .text-work-container{box-shadow:0 18px 45px #cda0be24,0 8px 20px #ff90b31f;border-color:#ffc2d66b}body[data-theme=pink] .file-link{color:#6a5560;background:#ffe5ee;border-color:#ff90b394}body[data-theme=pink] .article-cover,body[data-theme=pink] .article-body blockquote{background:#ffc2d62e}body[data-theme=pink] .article-body blockquote{border-left-color:#ff90b3}body[data-theme=pink] .unsupported-file,body[data-theme=pink] .load-error{background:#cdbdf529}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;backdrop-filter:blur(15px);z-index:2000;justify-content:center;align-items:center;opacity:0;transition:all .4s ease}.modal.show{opacity:1}.modal-content{max-width:95%;max-height:95%;object-fit:contain;border-radius:20px;box-shadow:0 25px 60px #00000080,0 10px 30px #a7e8c51a;transform:scale(.8);transition:transform .4s ease}.modal.show .modal-content{transform:scale(1)}.modal-close{position:absolute;top:30px;right:40px;color:#fff;font-size:40px;cursor:pointer;width:50px;height:50px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);line-height:1}.modal-close:hover{background:#fff3;transform:scale(1.1)}main{padding-top:80px;min-height:calc(100vh - 200px)}