::-webkit-scrollbar{height:15px;width:15px}body.page-coloring{margin:0;min-width:320px;color:#0f172a;background:#f4fbff;font-family:"Nunito", "Segoe UI", Arial, sans-serif;overflow-x:hidden}body.page-coloring.design-fullscreen-fallback{overflow:hidden}body.page-coloring.design-fullscreen-fallback .site-header,body.page-coloring.design-fullscreen-fallback .site-footer{display:none}body.page-coloring .site-header{padding:18px 20px;background:rgba(255, 255, 255, 0.92);border-bottom:1px solid #e0f2fe;box-shadow:0 4px 18px rgba(14, 116, 144, 0.05)}body.page-coloring .header-container,body.page-coloring .footer-container{max-width:1280px;margin:0 auto}body.page-coloring .header-logo,body.page-coloring .footer-logo{color:#075985;font-family:"Nunito", "Segoe UI", Arial, sans-serif;font-weight:900;text-decoration:none}body.page-coloring .header-logo{display:inline-flex;align-items:center;gap:9px;font-size:23px}body.page-coloring .logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0ea5e9;border-radius:12px 12px 12px 4px;box-shadow:0 7px 15px rgba(14, 165, 233, 0.25);transform:rotate(-4deg);overflow:hidden}body.page-coloring .logo-mark img{width:100%;height:100%;display:block}body.page-coloring .logo-mark i{transform:rotate(4deg)}body.page-coloring .header-nav{gap:22px}body.page-coloring .header-nav .nav-link,body.page-coloring .nav-btn-lang,body.page-coloring .mobile-nav-link,body.page-coloring .mobile-icon-btn{color:#475569;font-family:inherit}body.page-coloring .header-nav .nav-link{font-size:14px;font-weight:800}body.page-coloring .nav-btn-lang{display:inline-flex;align-items:center;gap:6px}body.page-coloring .nav-lang-current,body.page-coloring .mobile-lang-current{font-size:13px;font-weight:800;line-height:1}body.page-coloring .header-mobile-actions .mobile-icon-btn.js-lang-btn{display:inline-flex;align-items:center;gap:6px;margin-left:0;padding:5px 0;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none}body.page-coloring .header-nav .nav-link.active,body.page-coloring .header-nav .nav-link:hover,body.page-coloring .nav-btn-lang:hover,body.page-coloring .mobile-nav-link:hover{color:#0284c7}body.page-coloring .header-nav .nav-link.active::after{bottom:-9px;height:3px;background:#38bdf8;border-radius:9px}body.page-coloring .coloring-home{max-width:1280px;margin:0 auto;padding:0 20px;box-sizing:border-box}body.page-coloring .search-page,body.page-coloring .detail-page-shell{max-width:1280px;margin:0 auto;padding:0 20px}body.page-coloring .coloring-hero{margin:0;padding:65px 0;background:linear-gradient(135deg, #e0f7ff 0%, #f0f9ff 52%, #fff7ed 100%);border:1px solid #d7f0fb;border-left:0;border-right:0;border-radius:0;overflow:hidden}body.page-coloring .coloring-hero-inner{max-width:1280px;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:48px}body.page-coloring .coloring-hero-copy{flex:1 1 54%;max-width:640px}body.page-coloring .coloring-eyebrow,body.page-coloring .coloring-section-kicker,body.page-coloring .design-kicker{margin:0 0 12px;color:#0284c7;font-size:12px;font-weight:900;letter-spacing:0.11em;text-transform:uppercase}body.page-coloring .coloring-hero h1{margin:0;color:#0f172a;font-size:clamp(38px, 5.2vw, 70px);font-weight:900;line-height:1.05;letter-spacing:-0.045em}body.page-coloring .coloring-hero h1 span{color:#f97316}body.page-coloring .coloring-hero-desc{max-width:570px;margin:24px 0 0;color:#475569;font-size:17px;line-height:1.8}body.page-coloring .coloring-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}body.page-coloring .coloring-primary-button,body.page-coloring .coloring-secondary-button,body.page-coloring .coloring-cta-button,body.page-coloring .detail-primary-button,body.page-coloring .detail-secondary-button,body.page-coloring .search-submit,body.page-coloring .design-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;transition:0.2s ease}body.page-coloring .coloring-primary-button,body.page-coloring .detail-primary-button,body.page-coloring .search-submit,body.page-coloring .design-button-primary{padding:14px 21px;color:#ffffff;background:#0284c7;box-shadow:0 10px 20px rgba(2, 132, 199, 0.2)}body.page-coloring .coloring-primary-button:hover,body.page-coloring .detail-primary-button:hover,body.page-coloring .search-submit:hover,body.page-coloring .design-button-primary:hover{color:#ffffff;background:#0369a1;transform:translateY(-2px)}body.page-coloring .coloring-secondary-button,body.page-coloring .detail-secondary-button{padding:13px 20px;color:#0369a1;background:#ffffff;border:1px solid #bae6fd}body.page-coloring .coloring-secondary-button:hover,body.page-coloring .detail-secondary-button:hover{color:#075985;background:#f0f9ff;border-color:#7dd3fc}body.page-coloring .coloring-hero-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:#64748b;font-size:13px}body.page-coloring .coloring-hero-stats strong{color:#0f172a;font-size:20px}body.page-coloring .coloring-hero-art{position:relative;flex:0 1 380px;min-height:320px}body.page-coloring .hero-art-card{position:absolute;top:28px;left:35px;width:285px;padding:14px;background:#ffffff;border:1px solid #e0f2fe;border-radius:22px;box-shadow:0 26px 48px rgba(14, 116, 144, 0.16);transform:rotate(5deg)}body.page-coloring .hero-art-card-head{display:flex;gap:5px;padding-bottom:12px}body.page-coloring .hero-art-card-head span{width:7px;height:7px;background:#bae6fd;border-radius:50%}body.page-coloring .hero-art-canvas{display:flex;align-items:center;justify-content:space-around;height:205px;color:#0ea5e9;background:#f0f9ff;border:3px dashed #7dd3fc;border-radius:16px;font-size:34px}body.page-coloring .hero-art-canvas i:nth-child(2){color:#f59e0b}body.page-coloring .hero-art-canvas i:nth-child(3){color:#f43f5e}body.page-coloring .hero-art-palette{display:flex;gap:8px;padding:14px 4px 1px}body.page-coloring .hero-art-palette b{width:20px;height:20px;border-radius:50%}body.page-coloring .hero-art-palette b:nth-child(1){background:#ef4444}body.page-coloring .hero-art-palette b:nth-child(2){background:#f59e0b}body.page-coloring .hero-art-palette b:nth-child(3){background:#22c55e}body.page-coloring .hero-art-palette b:nth-child(4){background:#3b82f6}body.page-coloring .hero-art-palette b:nth-child(5){background:#a855f7}body.page-coloring .hero-art-bubble{position:absolute;border-radius:50%}body.page-coloring .hero-art-bubble-one{top:5px;right:15px;width:90px;height:90px;background:#bae6fd}body.page-coloring .hero-art-bubble-two{right:2px;bottom:18px;width:130px;height:130px;background:#fed7aa}body.page-coloring .hero-art-pen{position:absolute;right:40px;bottom:20px;display:flex;align-items:center;justify-content:center;width:54px;height:54px;color:#ffffff;background:#f97316;border-radius:18px;box-shadow:0 12px 20px rgba(249, 115, 22, 0.25);transform:rotate(-16deg)}body.page-coloring .coloring-section{padding:78px 0 0}body.page-coloring .coloring-section-heading,body.page-coloring .detail-related-heading,body.page-coloring .search-results-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}body.page-coloring .coloring-section-heading h2,body.page-coloring .coloring-about h2,body.page-coloring .coloring-cta h2,body.page-coloring .search-hero h1,body.page-coloring .search-results-heading h2,body.page-coloring .design-intro h1,body.page-coloring .design-panel-heading h2,body.page-coloring .design-color-panel h2,body.page-coloring .design-section-heading h2,body.page-coloring .detail-intro h1,body.page-coloring .detail-seo h2,body.page-coloring .detail-related-heading h2{margin:0;color:#0f172a;font-weight:900;letter-spacing:-0.025em}body.page-coloring .coloring-section-heading h2,body.page-coloring .detail-related-heading h2,body.page-coloring .search-results-heading h2{font-size:29px}body.page-coloring .coloring-text-link,body.page-coloring .detail-related-heading>a{color:#0284c7;font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}body.page-coloring .coloring-card-grid,body.page-coloring .detail-related-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:17px}body.page-coloring .coloring-card,body.page-coloring .detail-related-card{min-width:0;color:#334155;text-decoration:none}body.page-coloring .coloring-card-image,body.page-coloring .detail-related-card>span{display:block;overflow:hidden;background:#ffffff;border:1px solid #e0f2fe;border-radius:19px;box-shadow:0 5px 16px rgba(14, 116, 144, 0.06)}body.page-coloring .coloring-card-image img,body.page-coloring .detail-related-card img{display:block;width:100%;aspect-ratio:1.3333333333;object-fit:contain;padding:10px;transition:0.2s ease}body.page-coloring .coloring-card:hover img,body.page-coloring .detail-related-card:hover img{transform:scale(1.04)}body.page-coloring .coloring-card-title,body.page-coloring .detail-related-card strong,body.page-coloring .design-demo-card strong{display:block;margin-top:11px;overflow:hidden;color:#475569;font-size:14px;font-weight:900;text-overflow:ellipsis;text-align:center;white-space:nowrap}body.page-coloring .coloring-categories{padding-bottom:0}body.page-coloring .coloring-category-list{display:flex;flex-wrap:wrap;gap:10px}body.page-coloring .coloring-category-list a{padding:10px 15px;color:#0369a1;background:#e0f2fe;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none}body.page-coloring .coloring-category-list a:hover{background:#bae6fd}body.page-coloring .coloring-about{display:flex;align-items:flex-start;gap:25px}body.page-coloring .coloring-about-icon{display:flex;flex:0 0 64px;align-items:center;justify-content:center;width:64px;height:64px;color:#ffffff;background:#f97316;border-radius:20px;font-size:25px;box-shadow:0 12px 22px rgba(249, 115, 22, 0.2)}body.page-coloring .coloring-about h2{font-size:28px}body.page-coloring .coloring-about p:last-child{max-width:830px;margin:15px 0 0;color:#64748b;font-size:16px;line-height:1.85}body.page-coloring .coloring-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:78px 0;padding:36px 42px;background:#075985;border-radius:25px;color:#ffffff;box-sizing:border-box}body.page-coloring .coloring-cta h2{color:#ffffff;font-size:27px}body.page-coloring .coloring-cta p{margin:8px 0 0;color:#bae6fd;font-size:14px}body.page-coloring .coloring-cta-button{padding:13px 19px;color:#075985;background:#ffffff;border-radius:13px;font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}body.page-coloring .site-footer{padding:58px 20px 22px;color:#64748b;background:#ffffff;border-top:1px solid #e0f2fe}body.page-coloring .footer-grid{gap:34px}body.page-coloring .footer-logo{font-size:23px}body.page-coloring .footer-desc{max-width:330px;margin:13px 0 17px;font-size:13px;line-height:1.8}body.page-coloring .footer-social a{color:#0284c7}body.page-coloring .footer-title{color:#0f172a;font-size:14px}body.page-coloring .footer-links a{color:#64748b;font-size:13px}body.page-coloring .footer-links a:hover{color:#0284c7}body.page-coloring .footer-bottom{border-color:#e0f2fe}body.page-coloring .search-hero{padding:72px 0 35px;text-align:center}body.page-coloring .search-hero h1{font-size:clamp(34px, 5vw, 52px)}body.page-coloring .search-form{display:flex;max-width:700px;margin:28px auto 0;padding:7px;background:#ffffff;border:1px solid #bae6fd;border-radius:17px;box-shadow:0 12px 30px rgba(14, 116, 144, 0.08)}body.page-coloring .search-input-wrap{display:flex;flex:1;align-items:center;gap:10px;padding:0 14px;color:#7dd3fc}body.page-coloring .search-input-wrap input{width:100%;min-width:0;padding:11px 0;color:#0f172a;background:transparent;border:0;outline:0;font-family:inherit;font-size:15px}body.page-coloring .search-input-wrap input::placeholder{color:#94a3b8}body.page-coloring .search-results-section{padding-bottom:82px}body.page-coloring .search-results-heading{align-items:center}body.page-coloring .search-results-heading span{color:#94a3b8;font-size:13px}body.page-coloring .search-empty{padding:80px 20px;color:#94a3b8;text-align:center;background:#ffffff;border:1px dashed #bae6fd;border-radius:22px}body.page-coloring .search-empty>i{color:#7dd3fc;font-size:36px}body.page-coloring .search-empty h3{margin:18px 0 7px;color:#334155;font-size:20px}body.page-coloring .search-empty p{margin:0;font-size:14px}body.page-coloring .design-page{max-width:1280px;margin:0 auto;padding:0 20px 70px;box-sizing:border-box}body.page-coloring .design-page.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%;max-width:none;height:100vh;margin:0;padding:20px;overflow:auto;background:#f4fbff}body.page-coloring .design-page.is-fullscreen .design-intro,body.page-coloring .design-page.is-fullscreen .design-mobile-tip,body.page-coloring .design-page.is-fullscreen .design-demo-section{display:none}body.page-coloring .design-page.is-fullscreen .design-workspace{min-height:calc(100vh - 40px)}body.page-coloring .design-page.is-fullscreen .design-canvas-panel{display:flex;flex-direction:column;min-height:0}body.page-coloring .design-page.is-fullscreen .design-drop-zone{flex:1;min-height:0}body.page-coloring .design-page.is-fullscreen .design-canvas{max-height:calc(100vh - 180px)}body.page-coloring .design-intro{padding:55px 20px 35px;text-align:center}body.page-coloring .design-intro h1{font-size:clamp(33px, 5vw, 50px)}body.page-coloring .design-intro>p:last-child{max-width:680px;margin:13px auto 0;color:#64748b;font-size:15px;line-height:1.8}body.page-coloring .design-mobile-tip{display:none}body.page-coloring .design-workspace{display:grid;grid-template-columns:minmax(0, 1fr) 310px;gap:18px;align-items:stretch}body.page-coloring .design-canvas-panel,body.page-coloring .design-color-panel,body.page-coloring .design-demo-section{background:#ffffff;border:1px solid #dff3fb;border-radius:23px;box-shadow:0 8px 24px rgba(14, 116, 144, 0.06)}body.page-coloring .design-canvas-panel{min-width:0;padding:22px}body.page-coloring .design-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #f1f5f9}body.page-coloring .design-panel-heading h2,body.page-coloring .design-color-panel h2{font-size:22px}body.page-coloring .design-panel-heading p{max-width:410px;margin:5px 0 0;color:#94a3b8;font-size:12px;line-height:1.6}body.page-coloring .design-panel-actions{flex:0 0 auto}body.page-coloring .design-file-input{display:none}body.page-coloring .design-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #f1f5f9}body.page-coloring .design-history,body.page-coloring .design-tools{display:flex;align-items:center;gap:8px}body.page-coloring .design-history{min-width:0;color:#94a3b8;font-size:12px}body.page-coloring .design-history em{color:#cbd5e1;font-style:normal}body.page-coloring .history-color{width:19px;height:19px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}body.page-coloring .design-tool-button{display:inline-flex;align-items:center;justify-content:center;min-width:33px;height:33px;padding:0 9px;color:#64748b;background:#ffffff;border:1px solid #e2e8f0;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}body.page-coloring .design-tool-button span{margin-left:5px}body.page-coloring .design-tool-button:hover,body.page-coloring .design-tool-button.active{color:#ef4444;background:#fff1f2;border-color:#fecdd3}body.page-coloring .design-magic-button{color:#8b5cf6;background:#faf5ff;border-color:#e9d5ff}body.page-coloring .design-download-button{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}body.page-coloring .design-fullscreen-button{color:#0369a1;background:#eff6ff;border-color:#bfdbfe}body.page-coloring .design-tool-button:disabled{opacity:0.4;cursor:not-allowed}body.page-coloring .design-drop-zone{display:flex;align-items:center;justify-content:center;min-height:480px;margin-top:18px;padding:18px;background:#f8fdff;border:2px dashed #bae6fd;border-radius:18px;text-align:center;transition:0.2s ease}body.page-coloring .design-drop-zone.dragging{background:#e0f7ff;border-color:#0284c7}body.page-coloring .design-drop-zone.loaded{background:#f8fafc;border-color:#e2e8f0;cursor:default}body.page-coloring .design-empty-state{max-width:420px;color:#64748b}body.page-coloring .design-upload-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 18px;color:#0284c7;background:#e0f2fe;border-radius:25px;font-size:34px}body.page-coloring .design-empty-state h3{margin:0;color:#0f172a;font-size:22px;font-weight:900}body.page-coloring .design-empty-state p{margin:10px 0 0;font-size:14px;line-height:1.8}body.page-coloring .design-empty-state small{display:block;margin-top:12px;color:#94a3b8;font-size:12px}body.page-coloring .design-canvas{max-width:100%;max-height:68vh;background:#ffffff;cursor:crosshair}body.page-coloring .design-rotate-button{display:none}body.page-coloring .design-error{margin:14px 0 0;color:#ef4444;font-size:13px;text-align:center}body.page-coloring .design-color-panel{padding:22px}body.page-coloring .design-color-panel>p{margin:7px 0 22px;color:#64748b;font-size:13px;line-height:1.7}body.page-coloring .design-custom-color{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:14px}body.page-coloring .design-custom-color label{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#f97316;background:#fff7ed;border-radius:50%;cursor:pointer}body.page-coloring .design-custom-color input{position:absolute;width:42px;height:42px;opacity:0;cursor:pointer}body.page-coloring .design-custom-color>span{flex:1;height:29px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 5px rgba(15, 23, 42, 0.08)}body.page-coloring .design-custom-color strong{color:#64748b;font-family:monospace;font-size:11px}body.page-coloring .design-color-label{margin:23px 0 10px !important;color:#94a3b8 !important;font-size:12px !important;font-weight:900}body.page-coloring .design-color-groups,body.page-coloring .design-color-levels{display:flex;flex-wrap:wrap;gap:8px}body.page-coloring .color-swatch{width:25px;height:25px;padding:0;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px transparent;cursor:pointer;transition:0.15s ease}body.page-coloring .color-swatch:hover,body.page-coloring .color-swatch.selected{box-shadow:0 0 0 2px #f97316;transform:scale(1.08)}body.page-coloring .design-level-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:23px 0 10px;padding-top:18px;color:#94a3b8;border-top:1px solid #f1f5f9;font-size:12px;font-weight:900}body.page-coloring .design-level-heading strong{overflow:hidden;color:#f97316;text-overflow:ellipsis;white-space:nowrap}body.page-coloring .shade-swatch{width:24px;height:24px}body.page-coloring .design-demo-section{margin-top:18px;padding:22px}body.page-coloring .design-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}body.page-coloring .design-section-heading h2{font-size:24px}body.page-coloring .design-section-heading>p{max-width:420px;margin:0;color:#64748b;font-size:13px;line-height:1.7;text-align:right}body.page-coloring .design-demo-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:13px;margin-top:21px}body.page-coloring .design-demo-card{min-width:0;padding:0;color:#334155;background:transparent;border:0;font-family:inherit;text-align:left;cursor:pointer}body.page-coloring .design-demo-card>span{display:block;overflow:hidden;background:#f8fdff;border:1px solid #e0f2fe;border-radius:15px}body.page-coloring .design-demo-card img{display:block;width:100%;aspect-ratio:1.3333333333;object-fit:contain;padding:6px;transition:0.2s ease}body.page-coloring .design-demo-card:hover img{transform:scale(1.04)}body.page-coloring .design-demo-card strong{margin-top:8px;font-size:12px}body.page-coloring .detail-page-shell{padding-bottom:80px}body.page-coloring .detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:27px 0;color:#94a3b8;font-size:12px}body.page-coloring .detail-breadcrumb a{color:#0284c7;text-decoration:none}body.page-coloring .detail-main{display:grid;grid-template-columns:minmax(0, 1.12fr) minmax(330px, 0.88fr);gap:35px;align-items:center}body.page-coloring .detail-image-panel{padding:18px;background:#ffffff;border:1px solid #dff3fb;border-radius:25px;box-shadow:0 10px 30px rgba(14, 116, 144, 0.07)}body.page-coloring .detail-image-stage{display:flex;align-items:center;justify-content:center;min-height:440px;padding:18px;background:#f8fdff;border-radius:18px}body.page-coloring .detail-print-image{display:block;max-width:100%;max-height:60vh;object-fit:contain}body.page-coloring .detail-tip{margin:13px 5px 0;color:#94a3b8;font-size:12px;line-height:1.6}body.page-coloring .detail-intro{padding:10px 0}body.page-coloring .detail-category{display:inline-block;margin-bottom:13px;padding:6px 11px;color:#0369a1;background:#e0f2fe;border-radius:999px;font-size:12px;font-weight:900}body.page-coloring .detail-intro h1{font-size:clamp(30px, 4vw, 48px);line-height:1.15}body.page-coloring .detail-intro>p{margin:18px 0 0;color:#64748b;font-size:15px;line-height:1.85}body.page-coloring .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}body.page-coloring .detail-actions button:disabled{opacity:0.55;cursor:wait}body.page-coloring .detail-seo{margin-top:70px;padding:30px;background:#ffffff;border:1px solid #dff3fb;border-radius:22px}body.page-coloring .detail-seo h2{font-size:24px}body.page-coloring .detail-step-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:17px;margin-top:22px}body.page-coloring .detail-step-list>div{display:flex;gap:13px;padding:17px;background:#f8fdff;border-radius:15px}body.page-coloring .detail-step-list b{display:flex;flex:0 0 29px;align-items:center;justify-content:center;width:29px;height:29px;color:#ffffff;background:#0284c7;border-radius:50%;font-size:13px}body.page-coloring .detail-step-list p{margin:1px 0 0;color:#64748b;font-size:13px;line-height:1.7}body.page-coloring .detail-related{margin-top:68px}body.page-coloring .detail-related-heading{align-items:end}@media (max-width:900px){body.page-coloring .coloring-hero{padding:45px 30px}body.page-coloring .coloring-hero-inner{gap:24px}body.page-coloring .coloring-hero-art{flex-basis:320px;transform:scale(0.85);transform-origin:center right}body.page-coloring .coloring-card-grid,body.page-coloring .detail-related-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}body.page-coloring .design-workspace{grid-template-columns:minmax(0, 1fr) 250px}body.page-coloring .design-toolbar{align-items:flex-start;flex-direction:column}body.page-coloring .design-tools{align-self:flex-end}}@media (max-width:768px){body.page-coloring .site-header{padding:14px 15px}body.page-coloring .header-nav{display:none}body.page-coloring .header-mobile-actions{display:flex;align-items:center}body.page-coloring .mobile-menu-inner{border-color:#e0f2fe}body.page-coloring .mobile-nav-link{color:#475569;font-size:14px;font-weight:800}body.page-coloring .search-page,body.page-coloring .detail-page-shell{padding:0 15px}body.page-coloring .coloring-home{padding:0 15px}body.page-coloring .coloring-hero{margin:0;padding:35px 0;border-radius:0}body.page-coloring .coloring-hero-inner{padding:0 15px}body.page-coloring .coloring-hero-inner{display:block}body.page-coloring .coloring-hero-copy{max-width:none}body.page-coloring .coloring-hero h1{font-size:42px}body.page-coloring .coloring-hero-desc{font-size:15px}body.page-coloring .coloring-hero-art{display:none}body.page-coloring .coloring-section{padding:54px 0 0}body.page-coloring .coloring-section-heading,body.page-coloring .detail-related-heading,body.page-coloring .search-results-heading{align-items:flex-start;flex-direction:column;gap:10px}body.page-coloring .coloring-section-heading h2,body.page-coloring .detail-related-heading h2,body.page-coloring .search-results-heading h2{font-size:25px}body.page-coloring .coloring-card-grid,body.page-coloring .detail-related-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:13px}body.page-coloring .coloring-about{gap:15px}body.page-coloring .coloring-about h2{font-size:23px}body.page-coloring .coloring-about-icon{flex-basis:48px;width:48px;height:48px;border-radius:15px;font-size:19px}body.page-coloring .coloring-cta{align-items:flex-start;flex-direction:column;margin:55px 0;padding:26px 22px}body.page-coloring .coloring-cta h2{font-size:23px}body.page-coloring .footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr));text-align:left}body.page-coloring .footer-col-main{grid-column:1 / -1}body.page-coloring .design-page{padding:0 15px 55px}body.page-coloring .design-intro{padding:38px 0 25px}body.page-coloring .design-intro h1{font-size:34px}body.page-coloring .design-mobile-tip{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:13px;font-size:12px;font-weight:800;line-height:1.5}body.page-coloring .design-workspace{display:flex;flex-direction:column}body.page-coloring .design-color-panel{order:-1}body.page-coloring .design-canvas-panel,body.page-coloring .design-color-panel,body.page-coloring .design-demo-section{padding:15px;border-radius:18px}body.page-coloring .design-panel-heading{align-items:flex-start;flex-direction:column}body.page-coloring .design-panel-actions{width:100%}body.page-coloring .design-button{width:100%}body.page-coloring .design-drop-zone{min-height:330px;margin-top:13px}body.page-coloring .design-rotate-button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:10px;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:10px;font-family:inherit;font-size:12px;font-weight:900}body.page-coloring .design-section-heading{align-items:flex-start;flex-direction:column}body.page-coloring .design-section-heading>p{text-align:left}body.page-coloring .design-demo-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}body.page-coloring .detail-main{display:flex;flex-direction:column;gap:24px;align-items:stretch}body.page-coloring .detail-image-stage{min-height:300px}body.page-coloring .detail-intro h1{font-size:32px}body.page-coloring .detail-seo{margin-top:44px;padding:21px}body.page-coloring .detail-step-list{grid-template-columns:1fr}}@media (max-width:430px){body.page-coloring .coloring-hero h1{font-size:36px}body.page-coloring .coloring-primary-button,body.page-coloring .coloring-secondary-button{width:100%}body.page-coloring .coloring-hero-stats{gap:12px}body.page-coloring .design-tools{flex-wrap:wrap}body.page-coloring .design-tool-button span{display:none}body.page-coloring .search-form{flex-direction:column;padding:8px}body.page-coloring .search-submit{width:100%}}::-webkit-scrollbar-thumb{border-radius:10px;border-style:solid;border-color:transparent;border-width:4px;background-color:rgba(0, 0, 0, 0.4);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{border-color:rgba(0, 0, 0, 0.4)}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.layui-layer-shade{background:rgba(15, 23, 42, 0.52) !important;backdrop-filter:blur(6px)}.layui-layer-dialog:not(.layui-layer-msg),.layui-layer-prompt{border:1px solid rgba(226, 232, 240, 0.95) !important;border-radius:24px !important;box-shadow:0 24px 80px rgba(15, 23, 42, 0.18) !important;overflow:hidden;background:linear-gradient(180deg, #ffffff 0, #f8fbff 100%) !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title,.layui-layer-prompt .layui-layer-title{height:auto !important;line-height:1.5 !important;padding:22px 28px 10px !important;background:transparent !important;border-bottom:none !important;font-size:22px !important;font-weight:800 !important;color:#0f172a !important}.layui-layer-prompt .layui-layer-title{font-size:18px !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content,.layui-layer-prompt .layui-layer-content{padding:0 28px 24px !important;font-size:15px !important;line-height:1.9 !important;color:#475569 !important}.layui-layer-prompt .layui-layer-content{padding-bottom:18px !important}.layui-layer-prompt .layui-layer-input{height:48px !important;margin-top:14px !important;padding:0 16px !important;border:1px solid #cbd5e1 !important;border-radius:14px !important;box-shadow:inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;background:#ffffff !important;color:#0f172a !important;transition:all 0.2s ease !important}.layui-layer-prompt .layui-layer-input:focus{border-color:#60a5fa !important;box-shadow:0 0 0 4px rgba(96, 165, 250, 0.18) !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn,.layui-layer-prompt .layui-layer-btn{padding:0 28px 28px !important;border-top:none !important;text-align:center !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a,.layui-layer-prompt .layui-layer-btn a{height:44px !important;line-height:44px !important;margin:0 0 0 12px !important;padding:0 22px !important;border-radius:999px !important;border:1px solid #dbeafe !important;background:#eff6ff !important;color:#2563eb !important;font-size:14px !important;font-weight:700 !important;transition:all 0.2s ease !important;box-shadow:none !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0,.layui-layer-prompt .layui-layer-btn .layui-layer-btn0{border-color:#60a5fa !important;background:linear-gradient(135deg, #60a5fa 0, #3b82f6 100%) !important;color:#ffffff !important;box-shadow:0 12px 24px rgba(59, 130, 246, 0.22) !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a:hover,.layui-layer-prompt .layui-layer-btn a:hover{transform:translateY(-1px);border-color:#93c5fd !important;background:#dbeafe !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0:hover,.layui-layer-prompt .layui-layer-btn .layui-layer-btn0:hover{background:linear-gradient(135deg, #3b82f6 0, #2563eb 100%) !important;border-color:#3b82f6 !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin,.layui-layer-prompt .layui-layer-setwin{top:18px !important;right:18px !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin .layui-layer-close1,.layui-layer-prompt .layui-layer-setwin .layui-layer-close1{width:32px !important;height:32px !important;display:block !important;border-radius:999px !important;background-color:#f8fafc !important;background-image:none !important;text-indent:0 !important;font-size:0 !important;transition:all 0.2s ease !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin .layui-layer-close1:before,.layui-layer-prompt .layui-layer-setwin .layui-layer-close1:before{content:"×";display:block;width:32px;height:32px;line-height:30px;text-align:center;font-size:24px;font-weight:400;color:#64748b}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin .layui-layer-close1:hover,.layui-layer-prompt .layui-layer-setwin .layui-layer-close1:hover{background-color:#e2e8f0 !important;transform:rotate(90deg)}@media (max-width:768px){.layui-layer-dialog:not(.layui-layer-msg),.layui-layer-prompt{width:calc(100vw - 32px) !important;max-width:none !important;border-radius:20px !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title,.layui-layer-prompt .layui-layer-title{padding:20px 20px 10px !important;font-size:20px !important}.layui-layer-prompt .layui-layer-title{font-size:17px !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-content,.layui-layer-prompt .layui-layer-content{padding:0 20px 20px !important;font-size:14px !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn,.layui-layer-prompt .layui-layer-btn{padding:0 20px 20px !important;display:flex !important;gap:10px}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn a,.layui-layer-prompt .layui-layer-btn a{flex:1;margin:0 !important;padding:0 12px !important;text-align:center !important}.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-setwin,.layui-layer-prompt .layui-layer-setwin{top:14px !important;right:14px !important}}.lang-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.lang-modal-overlay{position:absolute;inset:0;background-color:rgba(15, 23, 42, 0.52);backdrop-filter:blur(4px)}.lang-modal-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:600px;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);z-index:10000;overflow:hidden;animation:modal-pop 0.3s ease-out}@keyframes modal-pop{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.lang-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9}.lang-modal-title{font-size:18px;font-weight:bold;color:#1e293b;margin:0}.lang-modal-close{background:none;border:none;font-size:28px;line-height:1;color:#64748b;cursor:pointer;padding:0;transition:color 0.2s}.lang-modal-close:hover{color:#FCD34D}.lang-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:12px}.lang-grid .lang-item{display:flex;align-items:center;justify-content:center;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;text-decoration:none;font-size:15px;transition:all 0.2s;text-align:center}.lang-grid .lang-item:hover{background:#fffbef;border-color:#FCD34D;color:#1e1e1e}.lang-grid .lang-item.active{background:#fcf4d9;border-color:#FCD34D;color:#1e1e1e;font-weight:bold}@media (max-width:640px){.lang-grid{grid-template-columns:repeat(2, 1fr)}}body.page-index{margin:0;padding:0;font-family:"Courier New", Courier, monospace;color:#1e1e1e;background-color:#FAF4E1;overflow-x:hidden}.font-serif{font-family:Georgia, "Times New Roman", Times, serif}.site-header{padding:20px 15px;background:transparent}.header-container{max-width:1120px;margin:0 auto}.header-inner{display:flex;justify-content:space-between;align-items:center}.header-logo{text-decoration:none;color:#1e1e1e}.logo-text{font-size:24px;font-weight:bold;letter-spacing:-0.5px}.header-nav{display:flex;gap:30px;align-items:center}.header-nav .nav-link{text-decoration:none;color:#1e1e1e;font-size:16px;position:relative}.header-nav .nav-link.active,.header-nav .nav-link:hover{text-decoration:none}.header-nav .nav-link.active::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background-color:#FCD34D}.nav-btn-lang{color:#1e1e1e;text-decoration:none}.main-container{display:flex;flex-direction:column}.top-section{padding:60px 15px 100px;max-width:1120px;margin:0 auto;width:100%;box-sizing:border-box}.hero-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px}.hero-left{flex:1;min-width:300px;max-width:500px}.hero-title{font-family:Georgia, "Times New Roman", Times, serif;font-size:72px;font-weight:700;line-height:1.1;margin:0 0 20px;color:#1e1e1e}.highlight-underline{position:relative;display:inline-block;z-index:1}.highlight-underline::after{content:"";position:absolute;bottom:8px;left:-5px;right:-5px;height:12px;background-color:#FCD34D;z-index:-1;border-radius:2px;transform:rotate(-1deg)}.hero-desc{font-size:18px;line-height:1.6;margin-bottom:40px}.highlight-bg{background-color:#FCD34D;padding:2px 5px;border-radius:2px}.hero-note{font-size:20px;position:relative;display:inline-block;margin-top:20px}.arrow-svg{width:50px;height:50px;position:absolute;right:-60px;top:-10px}.hero-right{flex:1;min-width:320px;display:flex;justify-content:center;position:relative}.calculator-card{background:#fff;padding:40px;border-radius:2px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);width:100%;max-width:450px;position:relative;border:1px solid #eaeaea}.loading-spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #FCD34D;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tape{position:absolute;top:-15px;right:-15px;width:80px;height:30px;background-color:#e6e0cc;transform:rotate(15deg);opacity:0.8;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1)}.card-title{font-size:18px;margin-bottom:25px;margin-top:0}.date-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input-group{flex:1;position:relative}.custom-input{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:4px;font-family:"Courier New", Courier, monospace;font-size:16px;box-sizing:border-box;background:#fff}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#666}.calc-btn{width:100%;background:#1e1e1e;color:#fff;border:none;padding:15px;font-family:"Courier New", Courier, monospace;font-size:18px;cursor:pointer;border-radius:4px;position:relative;transition:opacity 0.2s}.calc-btn:hover{opacity:0.9}.btn-underline{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:150px;height:2px;background-color:#FCD34D}.card-footer{font-size:12px;color:#888;margin-top:20px;margin-bottom:0;text-align:center}.paper-divider{width:100%;height:30px;background-color:#fff;background-image:radial-gradient(circle at 10px 0, transparent 10px, #fff 11px);background-size:20px 20px;background-repeat:repeat-x;position:relative;z-index:10;margin-top:-15px}.bottom-section{background-color:#fff;padding:60px 15px}.features-wrap{display:flex;flex-wrap:wrap;max-width:1120px;margin:0 auto 60px;gap:60px;align-items:center}.features-left{flex:1;min-width:300px}.features-main-title{font-family:Georgia, "Times New Roman", Times, serif;font-size:32px;margin-bottom:40px;position:relative;display:inline-block}.features-main-title::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:4px;background-color:#FCD34D;z-index:-1}.feature-item{display:flex;align-items:flex-start;margin-bottom:30px}.feature-icon{font-size:30px;margin-right:20px;color:#1e1e1e;width:40px;text-align:center}.feature-text h3{margin:0 0 5px;font-family:"Courier New", Courier, monospace;font-size:18px;font-weight:bold}.feature-text p{margin:0;color:#666;font-size:14px}.features-right{flex:1;min-width:300px;display:flex;justify-content:center}.quote-card{background-color:#f5f0e1;padding:40px;border-radius:2px;position:relative;max-width:500px;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.05)}.quote-card::after{content:"";position:absolute;top:0;right:0;border-width:0 30px 30px 0;border-style:solid;border-color:#FAF4E1 #FAF4E1 #e0d8c3 #e0d8c3;display:block;width:0;box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.05)}.quote-mark{font-family:Georgia, "Times New Roman", Times, serif;font-size:80px;color:#FCD34D;position:absolute;top:-20px;left:-20px;line-height:1}.quote-text{font-size:24px;line-height:1.5;margin:0 0 20px}.quote-author{font-size:18px;margin:0;color:#555;text-align:right}.scroll-down-hint{text-align:center;margin:40px 0 60px;font-size:18px;color:#555;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-down-hint i{font-size:24px}.mt-20{margin-top:80px}.about-card{max-width:1120px;margin:0 auto}.about-title{font-family:Georgia, "Times New Roman", Times, serif;font-size:32px;margin-bottom:30px;position:relative;display:inline-block}.about-title::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#FCD34D;z-index:-1}.about-content p{line-height:1.8;margin-bottom:20px;font-size:16px}.site-footer{background:#fff;padding:60px 15px 20px;border-top:1px solid #eee}.footer-container{max-width:1120px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:bold;text-decoration:none;color:#1e1e1e;margin-bottom:15px;display:inline-block}.footer-desc{color:#666;line-height:1.6;margin-bottom:20px}.footer-social a{color:#1e1e1e;font-size:20px;text-decoration:none}.footer-title{font-weight:bold;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#666;text-decoration:none}.footer-links a:hover{color:#1e1e1e;text-decoration:underline}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #eee;color:#888;font-size:14px}.footer-copyright-link{color:inherit;text-decoration:none;transition:color 0.2s}.footer-copyright-link:hover{color:#1e1e1e}.share-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color 0.2s;font-family:inherit;padding:0}.share-btn:hover{color:#1e1e1e}.detail-page-container{max-width:1120px;margin:0 auto;padding:40px 15px;width:100%;box-sizing:border-box}.detail-layout{width:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.back-link{font-family:"Courier New", Courier, monospace;color:#1e1e1e;text-decoration:none;font-size:16px}.back-link:hover{text-decoration:underline}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}.detail-title-area{flex:1;min-width:300px}.detail-main-title{font-family:Georgia, "Times New Roman", Times, serif;font-size:56px;line-height:1.2;margin:0 0 20px}.detail-subtitle{font-size:20px;color:#555;position:relative;display:inline-block}.arrow-svg-detail{width:40px;height:40px;position:absolute;right:-50px;top:10px}.detail-main-card{flex:1;max-width:400px;background:#fff;padding:30px;border-radius:2px;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.05);position:relative;border:1px solid #eaeaea}.card-icon-wrap{margin-bottom:15px}.icon-circle{width:40px;height:40px;background-color:#fcf4d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.card-title-underlined{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;margin:0 0 15px;position:relative;display:inline-block}.card-title-underlined::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#FCD34D;z-index:0}.detail-masonry{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-bottom:60px}.detail-card{background:#fff;padding:30px;border-radius:2px;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.05);border:1px solid #eaeaea}.card-header{display:flex;align-items:center;margin-bottom:20px}.card-header.justify-center{justify-content:center}.card-icon{width:30px;height:30px;background-color:#fcf4d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:15px}.card-desc{font-size:18px;color:#555;margin-bottom:20px}.detail-list{list-style:none;padding:0;margin:0}.detail-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;font-size:16px}.detail-list li:last-child{border-bottom:none}.detail-list li i{width:24px;color:#1e1e1e}.detail-list li span:first-of-type{font-weight:bold;flex:1}.unit-right{color:#666;font-size:14px}.detail-list.no-flex li{display:block}.detail-list.no-flex li i{display:inline-block;margin-right:10px}.text-center{text-align:center}.circle-progress-wrap{position:relative;width:150px;height:150px;margin:0 auto 20px}.circle-progress{transform:rotate(-90deg);width:100%;height:100%}.bg-circle{fill:none;stroke:#f5f5f5;stroke-width:8}.fg-circle{fill:none;stroke:#FCD34D;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:36px;font-weight:bold}.underline-desc{margin-top:10px}.milestone-list-detail{list-style:none;padding:0;margin:0}.milestone-list-detail li{display:flex;align-items:flex-start;padding:15px 0;border-bottom:1px solid #f5f5f5}.milestone-list-detail li:last-child{border-bottom:none}.milestone-list-detail li.passed{opacity:0.6}.ms-icon{width:30px;height:30px;background-color:#fcf4d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:15px;flex-shrink:0}.ms-content{flex:1}.ms-title{font-weight:bold;margin-bottom:5px}.ms-date{font-size:16px;color:#666}.detail-footer-note{text-align:center;font-size:24px;padding:40px 0}@media (max-width:768px){.detail-top{flex-direction:column;text-align:center}.arrow-svg-detail{display:none}.detail-main-card{width:100%}.detail-page-container{padding:20px}.card-header{justify-content:center}.detail-list li span:first-of-type{text-align:left}}.header-mobile-actions{display:none}.mobile-menu-dropdown{display:none}.mobile-menu-dropdown.hidden{display:none}.mobile-menu-dropdown:not(.hidden){display:block}.mobile-menu-inner{padding:20px 0;border-top:1px solid #eaeaea;display:flex;flex-direction:column;gap:15px}.mobile-nav-link{color:#1e1e1e;text-decoration:none;font-size:16px;padding:10px 0}.mobile-icon-btn{background:none;border:none;font-size:20px;color:#1e1e1e;cursor:pointer;padding:5px;margin-left:15px}@media (max-width:768px){.hero-wrap{flex-direction:column;text-align:center}.hero-title{font-size:48px}.header-nav{display:none}.header-mobile-actions{display:flex;align-items:center}.features-wrap{flex-direction:column;text-align:left}.result-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.arrow-svg{display:none}.top-section{padding:40px 15px 60px}.site-header{padding:20px 15px}}.page-404 .error-page-container{max-width:1120px;margin:0 auto;padding:80px 15px;text-align:center}.page-404 .error-card{background:#fff;border-radius:12px;padding:60px 40px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);border:1px solid #f0f0f0;width:100%;margin:0 auto;position:relative}.page-404 .error-tape{position:absolute;top:-15px;left:50%;transform:translateX(-50%) rotate(-2deg);width:120px;height:30px;background-color:rgba(252, 211, 77, 0.6);backdrop-filter:blur(2px);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);z-index:10}.page-404 .error-icon{font-size:64px;color:#FCD34D;margin-bottom:20px}.page-404 .error-title{font-family:Georgia, "Times New Roman", Times, serif;font-size:48px;color:#1e1e1e;margin:0 0 10px;font-weight:bold}.page-404 .error-subtitle{font-size:24px;color:#333;margin:0 0 20px;font-weight:500}.page-404 .error-desc{font-size:16px;color:#666;line-height:1.6;margin-bottom:40px}.page-404 .error-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#FCD34D;color:#1e1e1e;padding:12px 30px;border-radius:30px;font-size:16px;font-weight:bold;text-decoration:none;transition:all 0.3s ease}.page-404 .error-btn:hover{background:#FBBF24;transform:translateY(-2px)}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg){border-radius:12px !important}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-title{color:#b45309 !important}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0{background:linear-gradient(135deg, #FCD34D 0, #F59E0B 100%) !important;border-color:#F59E0B !important;color:#fff !important;box-shadow:0 8px 16px rgba(245, 158, 11, 0.25) !important;border-radius:8px !important}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn0:hover{background:linear-gradient(135deg, #F59E0B 0, #D97706 100%) !important;border-color:#D97706 !important}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn1{border-color:#fde68a !important;background:#fffbeb !important;color:#d97706 !important;border-radius:8px !important}.lang-switch-layer.layui-layer-dialog:not(.layui-layer-msg) .layui-layer-btn .layui-layer-btn1:hover{border-color:#fcd34d !important;background:#fef3c7 !important}body.page-coloring .content-page{max-width:900px;margin:0 auto;padding:0 20px 80px}body.page-coloring .content-hero{padding:74px 0 45px;text-align:center}body.page-coloring .content-hero h1{margin:0 auto;color:#0f172a;font-size:clamp(34px, 5vw, 53px);font-weight:900;line-height:1.12;letter-spacing:-0.04em}body.page-coloring .content-hero>p:last-child{max-width:680px;margin:16px auto 0;color:#64748b;font-size:16px;line-height:1.85}body.page-coloring .content-card{margin-top:18px;padding:30px 34px;background:#ffffff;border:1px solid #dff3fb;border-radius:21px;box-shadow:0 8px 24px rgba(14, 116, 144, 0.05)}body.page-coloring .content-card h2{margin:0 0 13px;color:#0f172a;font-size:24px;font-weight:900}body.page-coloring .content-card p{margin:0;color:#64748b;font-size:15px;line-height:1.9}body.page-coloring .content-card a{color:#0284c7;font-weight:800}body.page-coloring .content-feature-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:17px}body.page-coloring .content-feature-grid>div{padding:18px;background:#f8fdff;border-radius:16px}body.page-coloring .content-feature-grid i{color:#0284c7;font-size:23px}body.page-coloring .content-feature-grid h3{margin:12px 0 7px;color:#0f172a;font-size:16px;font-weight:900}body.page-coloring .content-feature-grid p{font-size:13px;line-height:1.7}body.page-coloring .faq-list{display:flex;flex-direction:column;gap:12px;padding-bottom:5px}body.page-coloring .faq-list details{padding:0 24px;background:#ffffff;border:1px solid #dff3fb;border-radius:17px;box-shadow:0 6px 18px rgba(14, 116, 144, 0.04)}body.page-coloring .faq-list summary{padding:21px 0;color:#0f172a;font-size:16px;font-weight:900;cursor:pointer}body.page-coloring .faq-list details p{margin:-3px 0 21px;padding-top:15px;color:#64748b;border-top:1px solid #e0f2fe;font-size:14px;line-height:1.85}@media (max-width:700px){body.page-coloring .content-page{padding:0 15px 55px}body.page-coloring .content-hero{padding:48px 0 27px}body.page-coloring .content-hero h1{font-size:35px}body.page-coloring .content-card{padding:23px 20px}body.page-coloring .content-feature-grid{grid-template-columns:1fr}}