.tool-main{padding-bottom:var(--space-2xl)}.tool-hero{background:linear-gradient(135deg,var(--bg-milk-tea) 0%,#FFF8F0 100%);padding:var(--space-xl)0 var(--space-2xl);text-align:center;margin-bottom:var(--space-2xl)}.tool-hero h1{font-size:28px;margin-bottom:var(--space-sm)}.tool-subtitle{font-size:16px;color:var(--color-secondary);margin-bottom:var(--space-xl)}.tool-box{max-width:600px;margin:0 auto;padding:var(--space-xl);text-align:left;background:var(--color-white)}.tool-form{display:flex;flex-direction:column;gap:var(--space-md)}.tool-field label{display:block;font-size:14px;font-weight:600;color:var(--color-title);margin-bottom:var(--space-sm)}.tool-type-tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tool-type-btn{flex:1;min-width:60px;padding:10px var(--space-sm);font-size:15px;font-family:var(--font-body);text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;transition:all .2s ease;color:var(--color-text)}.tool-type-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tool-type-btn.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.tool-select{width:100%;height:44px;padding:0 var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);color:var(--color-title);background:var(--color-white);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.tool-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,140,66,.12)}.tool-field-row{display:flex;gap:var(--space-md)}.tool-age-input{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.tool-age-input input{width:70px;height:44px;padding:0 var(--space-sm);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:18px;font-family:var(--font-data);text-align:center;color:var(--color-title);outline:none}.tool-age-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,140,66,.12)}.tool-age-input span{font-size:14px;color:var(--color-secondary)}.tool-submit{width:100%;height:48px;font-size:16px;margin-top:var(--space-sm)}.tool-result-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:var(--space-xl)0}.tool-result-content{text-align:center}.result-label{font-size:16px;color:var(--color-text);margin-bottom:var(--space-md)}.result-human-age{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.result-age-number{font-family:var(--font-data);font-size:72px;font-weight:700;color:var(--color-primary);line-height:1}.result-age-unit{font-size:24px;color:var(--color-primary);font-weight:600}.result-age-emoji{font-size:40px}.result-stage{font-size:18px;margin-bottom:var(--space-md)}.result-tips{background:var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);text-align:left}.result-tips p{font-size:14px;color:var(--color-text);margin:0;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:var(--space-md)}.stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.stage-card{padding:var(--space-lg)}.stage-card h3{font-size:16px;margin-bottom:var(--space-sm)}.stage-card p{font-size:14px;line-height:1.7;margin-bottom:var(--space-xs);color:var(--color-text)}.fun-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.fun-fact{padding:var(--space-lg)}.fun-fact h3{font-size:16px;margin-bottom:var(--space-sm)}.fun-fact p{font-size:14px;line-height:1.8;color:var(--color-text)}.tool-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.tool-link-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.tool-link-card:hover{text-decoration:none;color:inherit;box-shadow:var(--shadow-2);transform:translateY(-2px)}.tool-link-icon{font-size:28px;flex-shrink:0}.tool-link-card h4{font-size:15px;margin-bottom:2px;color:var(--color-title)}.tool-link-card p{font-size:13px;color:var(--color-secondary);margin:0}.table-wrap{overflow-x:auto;margin-bottom:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.data-table{width:100%;border-collapse:collapse;background:var(--color-white);font-size:15px;min-width:360px}.data-table thead{background:var(--color-card-bg)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-title);white-space:nowrap}.data-table td{padding:10px 16px;border-top:1px solid var(--color-border);color:var(--color-text)}.data-table tbody tr:nth-child(even) td{background:var(--color-card-bg)}.data-table tbody tr:hover td{background:var(--color-primary-light)}.content-section{margin-bottom:var(--space-2xl)}.content-section h2{font-size:22px;margin-bottom:var(--space-md);padding-left:var(--space-md);position:relative;color:var(--color-title)}.content-section h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--color-primary);border-radius:2px}.content-section p{font-size:15px;line-height:1.8;color:var(--color-text);margin-bottom:var(--space-md)}.content-section ul,.content-section ol{font-size:15px;line-height:2;padding-left:20px;margin-bottom:var(--space-md);list-style:disc}.content-section ol{list-style:decimal}.content-section li{color:var(--color-text)}.tip-box{padding:var(--space-md);border-radius:var(--radius-sm);font-size:14px;line-height:1.7;color:var(--color-text);margin-top:var(--space-md)}.tip-primary{background:var(--color-primary-light);border-left:4px solid var(--color-primary)}.tip-box a{color:var(--color-primary);font-weight:600}@media(max-width:767px){.tool-hero{padding:var(--space-lg)0 var(--space-xl);margin-bottom:var(--space-lg)}.tool-hero h1{font-size:22px}.tool-subtitle{font-size:14px}.tool-box{padding:var(--space-md)}.tool-type-btn{font-size:14px;padding:8px var(--space-xs)}.tool-age-input input{width:56px;height:40px;font-size:16px}.result-age-number{font-size:52px}.result-age-unit{font-size:18px}.result-age-emoji{font-size:28px}.result-actions{flex-direction:column;align-items:center}.result-actions .btn{width:100%;max-width:280px}.stage-grid,.fun-facts{grid-template-columns:1fr;gap:var(--space-sm)}.stage-card,.fun-fact{padding:var(--space-md)}.tool-links-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.tool-link-card{padding:var(--space-sm);gap:var(--space-sm)}.tool-link-icon{font-size:22px}.tool-link-card h4{font-size:14px}.content-section{margin-bottom:var(--space-lg)}.content-section h2{font-size:18px}.content-section p,.content-section ul,.content-section ol{font-size:14px}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px 10px}}