#gooddoi-age *{box-sizing:border-box}#gooddoi-age:before,#gooddoi-age:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.35;z-index:0}#gooddoi-age:before{width:240px;height:240px;background:radial-gradient(circle,#f2f3ae,#f2f3ae00 70%);top:-80px;right:-60px}#gooddoi-age:after{width:200px;height:200px;background:radial-gradient(circle,#ffe0b2,#ffe0b200 70%);bottom:-60px;left:-40px}#gooddoi-age .gd-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1.5fr;gap:20px;align-items:stretch}#gooddoi-age .gd-left{display:flex;flex-direction:column;gap:14px}#gooddoi-age .logo-container{text-align:center;padding:16px 14px;background:#ffffffe6;border-radius:18px;box-shadow:0 6px 18px #0000000a;border:1px solid rgba(255,255,255,.7)}#gooddoi-age .logo-container img{max-width:210px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}#gooddoi-age .header-card{background:#fffffff5;padding:18px 18px 20px;border-radius:18px;box-shadow:0 6px 18px #0000000f;border:1px solid rgba(255,255,255,.7)}#gooddoi-age .header-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#3e564114;color:#3e5641;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px}#gooddoi-age .header-chip span{font-size:13px}#gooddoi-age .header-card h2{margin:0 0 8px;font-size:26px;color:#3e5641;font-weight:800;letter-spacing:.5px}#gooddoi-age .header-sub{margin:0 0 12px;font-size:15px;color:#5a6f5c;line-height:1.7}#gooddoi-age .header-list{margin:0;padding-left:20px;font-size:13px;color:#6b7c6d;line-height:1.7}#gooddoi-age .header-tagline{margin-top:10px;font-size:13px;padding:8px 10px;border-radius:999px;background:#f2f3ae66;display:inline-flex;align-items:center;gap:6px;color:#3e5641}#gooddoi-age .gd-right{display:flex;flex-direction:column}#gooddoi-age .form-shell{background:#fffffffa;padding:20px 20px 22px;border-radius:20px;box-shadow:0 10px 26px #00000014;border:1px solid rgba(255,255,255,.8);position:relative}#gooddoi-age .form-shell:before{content:"填寫狗狗年齡";position:absolute;top:-14px;left:18px;padding:4px 10px;font-size:11px;border-radius:999px;background:linear-gradient(135deg,#3e5641,#607d68);color:#fffde7;box-shadow:0 4px 10px #3e564159;letter-spacing:.5px}#gooddoi-age .form-card{margin:0;padding:0;border-radius:0;background:transparent;box-shadow:none}#gooddoi-age input,#gooddoi-age select{width:100%;padding:11px 13px;border:1.6px solid #E2E2E2;border-radius:11px;font-size:14px;font-family:inherit;transition:all .25s ease;background:#fffffff2}#gooddoi-age input:focus,#gooddoi-age select:focus{outline:none;border-color:#3e5641;box-shadow:0 0 0 3px #3e564124;background:#fff}#gooddoi-age label{display:block;margin-bottom:6px;font-weight:700;font-size:13px;color:#2d3f2e}#gooddoi-age .label-caption{font-weight:500;font-size:11px;color:#8b9b8d;margin-left:2px}#gooddoi-age .form-group{margin-bottom:16px}#gooddoi-age .helper-text{font-size:11px;color:#7a8a7c;margin-top:4px;line-height:1.5}#gooddoi-age .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:10px}#gooddoi-age .form-section-title{display:flex;align-items:center;gap:6px;margin:6px 0 10px;font-size:13px;font-weight:700;color:#3e5641}#gooddoi-age .form-section-title span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#3e5641;color:#fffbea;font-size:12px;font-weight:800}#gooddoi-age .form-section-sub{font-size:11px;color:#8b9b8d;margin-left:28px;margin-bottom:4px}#gooddoi-age button{width:100%;padding:14px;background:radial-gradient(circle at 0 0,#f2f3ae,#3e5641 52%,#2d3f2e);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;transition:all .28s ease;box-shadow:0 8px 22px #3e56418c;letter-spacing:.7px;margin-top:8px}#gooddoi-age button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px #3e5641b8;filter:brightness(1.03)}#gooddoi-age button:active{transform:translateY(0) scale(.99);box-shadow:0 6px 18px #3e564173}#gooddoi-age .result-wrapper{margin-top:18px}#gooddoi-age .result-card{background:#fff;padding:24px 20px;border-radius:20px;box-shadow:0 16px 40px #3e56411f;border:1px solid rgba(62,86,65,.08);animation:slideIn .5s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}#gooddoi-age .result-card:before{content:"GOODDOI AGE CONVERTER";position:absolute;top:12px;right:-60px;font-size:10px;letter-spacing:2px;transform:rotate(32deg);color:#3e56410f;text-transform:uppercase;font-weight:700}#gooddoi-age .result-logo-stamp{position:absolute;top:12px;left:14px;width:56px;height:56px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fffde7,#f2f3ae 40%,#e0e5c2);box-shadow:0 6px 16px #3e564133;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px solid rgba(255,255,255,.8)}#gooddoi-age .result-logo-stamp img{width:40px;height:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#gooddoi-age .age-badge-wrap{display:flex;justify-content:center;margin-bottom:14px;margin-top:18px}#gooddoi-age .age-badge{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f2f3ae,#3e5641 55%,#2d3f2e);box-shadow:0 10px 28px #3e564166;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffbea;text-align:center;padding:12px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;flex-shrink:0}#gooddoi-age .age-badge:hover{transform:scale(1.08) rotate(3deg);box-shadow:0 14px 36px #3e56418c}#gooddoi-age .age-badge-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.95;white-space:nowrap}#gooddoi-age .age-badge-value{font-size:34px;font-weight:900;line-height:1.1;font-family:Quicksand,sans-serif;margin:2px 0;white-space:nowrap}#gooddoi-age .age-badge-sub{font-size:13px;font-weight:700;white-space:nowrap}#gooddoi-age .result-meta{text-align:center;font-size:15px;margin-bottom:16px;color:#3e5641;line-height:1.6}#gooddoi-age .stage-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#3e564114;font-size:12.5px;font-weight:700;color:#2d3f2e;margin-bottom:4px}#gooddoi-age .lifespan-block{margin:18px 0 12px}#gooddoi-age .lifespan-label-row{display:flex;justify-content:space-between;font-size:12.5px;color:#5a6f5c;margin-bottom:6px}#gooddoi-age .age-progress-track{width:100%;height:24px;border-radius:999px;background:#e1e8dce6;overflow:visible;position:relative;box-shadow:inset 0 2px 4px #0000000d}#gooddoi-age .age-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#c8e6c9,#81c784 40%,#4caf50 75%,#2e7d32);position:relative;display:flex;align-items:center;justify-content:flex-end;transition:width 1.2s cubic-bezier(.19,1,.22,1)}#gooddoi-age .age-progress-dog{position:absolute;right:-10px;display:flex;align-items:center;justify-content:center;z-index:10}#gooddoi-age .age-progress-dog .dog-emoji{font-size:22px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));animation:bounceDog .6s infinite alternate ease-in-out}@keyframes bounceDog{0%{transform:translateY(-1px)}to{transform:translateY(-4px)}}#gooddoi-age .lifespan-note{font-size:11px;color:#7a8a7c;margin-top:6px}#gooddoi-age .info-box{margin:16px 0 14px;padding:16px;background:linear-gradient(135deg,#f4f7f4,#ebf5ec);border-radius:14px;line-height:1.8;font-size:13px;border:1px solid rgba(62,86,65,.05)}#gooddoi-age .info-box-title{font-size:13.5px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:#3e5641}#gooddoi-age .tips-list{list-style:none;padding-left:0;margin:8px 0 0;font-size:12.5px;color:#4a5a4c;line-height:1.8}#gooddoi-age .tips-list li{position:relative;padding-left:22px;margin-bottom:6px}#gooddoi-age .tips-list li:before{content:"🐾";position:absolute;left:0;top:.1em;font-size:11px;color:#3e5641}#gooddoi-age .tips-list li:last-child{margin-bottom:0}#gooddoi-age .reminder-box{margin-top:16px;padding:14px 14px 12px;background:linear-gradient(135deg,#fffdf5,#fff8e7);border-radius:14px;border:1px solid rgba(233,196,106,.15);border-left:4px solid #E9C46A}@media (max-width: 900px){#gooddoi-age{margin:18px auto;padding:18px 14px 22px;border-radius:22px}#gooddoi-age .gd-inner{grid-template-columns:1fr;gap:16px}#gooddoi-age .logo-container img{max-width:190px}#gooddoi-age .header-card{text-align:center}#gooddoi-age .header-list{text-align:left}#gooddoi-age .form-shell:before{left:12px;top:-16px}}@media (max-width: 600px){#gooddoi-age .form-grid{grid-template-columns:1fr}#gooddoi-age .header-card h2{font-size:22px}#gooddoi-age button{font-size:15px}#gooddoi-age .age-badge{width:110px;height:110px}}.dog-age-calculator{font-family:Noto Sans TC,sans-serif}.dog-age-calculator .prose h2{color:#556b2f;font-weight:700;margin-top:2em;margin-bottom:1em;font-size:1.75rem}.dog-age-calculator .prose h3{color:#6b8e23;font-weight:600;margin-top:1.5em;margin-bottom:.75em;font-size:1.4rem}.dog-age-calculator .prose ul{list-style-type:disc;padding-left:1.5em;margin-bottom:1.5em}.dog-age-calculator .prose li{margin-bottom:.5em}.dog-age-calculator .prose p{margin-bottom:1.2em;line-height:1.8}.dog-age-calculator .active-tab{background-color:#556b2f;color:#fff}.dog-age-calculator .inactive-tab{background-color:#e2e8f0;color:#4a5568}.dog-age-calculator .scrollbar-hide::-webkit-scrollbar{display:none}.dog-age-calculator .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}