@import"https://fonts.googleapis.com/css2?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap";.five-elements-diagram{width:100%;max-width:800px;margin:0 auto;padding:var(--classical-spacing-lg);background:var(--classical-color-background);border-radius:8px;box-shadow:0 4px 12px var(--classical-color-shadow)}.diagram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--classical-spacing-lg);flex-wrap:wrap;gap:var(--classical-spacing-md)}.diagram-header h3{margin:0;color:var(--classical-color-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.diagram-controls{display:flex;gap:var(--classical-spacing-sm);flex-wrap:wrap}.mode-button{padding:var(--classical-spacing-sm) var(--classical-spacing-md);border:1px solid var(--classical-color-border);background:var(--classical-color-background);color:var(--classical-color-text);border-radius:4px;cursor:pointer;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);font-size:.9rem}.mode-button:hover{background:var(--classical-color-accent);color:var(--classical-color-background);transform:translateY(-1px)}.mode-button.active{background:var(--classical-color-primary);color:var(--classical-color-background);border-color:var(--classical-color-primary)}.diagram-container{display:flex;justify-content:center;margin-bottom:var(--classical-spacing-lg);position:relative}.elements-svg{max-width:100%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.element-circle{cursor:pointer;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform-origin:center center}.element-circle:hover{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.element-text:hover~.element-circle,.element-text.highlighted~.element-circle{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.element-circle.highlighted{transform:scale(1.12);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.element-circle.dimmed{opacity:.4}.element-circle.seasonal-boost{animation:seasonal-pulse 2s ease-in-out infinite}@keyframes seasonal-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.element-text{font-size:1.5rem;font-weight:700;fill:var(--classical-color-background);text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.element-text.highlighted{font-size:1.7rem}.strength-indicator{transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.strength-text{font-size:.8rem;fill:var(--classical-color-text);font-weight:600;paint-order:stroke;stroke:var(--classical-color-background);stroke-width:2px;dominant-baseline:middle}.elements-svg{overflow:visible}.interaction-line{transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);cursor:pointer}.interaction-line:hover{stroke-width:4!important;opacity:.8}.interaction-line.highlighted{stroke-width:5!important;opacity:1}.interaction-line.generates{opacity:.8}.interaction-line.overcomes{opacity:.7}.interaction-line.animated{stroke-dasharray:10;animation:flow-animation var(--classical-animation-element-flow-duration) linear infinite}@keyframes flow-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.interaction-arrow,.balance-ring{transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.balance-score{font-size:1.2rem;fill:var(--classical-color-primary);font-weight:700}.balance-value{font-size:2rem;fill:var(--classical-color-accent);font-weight:700}.seasonal-indicator{transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);cursor:pointer}.seasonal-indicator:hover{transform:scale(1.1)}.seasonal-text{font-size:.9rem;fill:var(--classical-color-background);font-weight:700}.element-details{margin-top:var(--classical-spacing-lg);animation:classical-slide-in-up var(--classical-animation-slide-in-duration) var(--classical-animation-slide-in-easing)}.element-details .classical-card-header{display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--classical-color-text-secondary);padding:var(--classical-spacing-xs);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.close-button:hover{background:var(--classical-color-error);color:var(--classical-color-background)}.detail-item{display:flex;flex-direction:column;gap:var(--classical-spacing-xs);margin-bottom:var(--classical-spacing-md);padding:var(--classical-spacing-sm);border-left:3px solid var(--classical-color-accent);background:#ffd7000d;border-radius:0 4px 4px 0}.detail-label{font-weight:600;color:var(--classical-color-primary)}.detail-value{line-height:1.5}.interaction-list{list-style:none;padding:0;margin:var(--classical-spacing-sm) 0 0 0}.interaction-list li{padding:var(--classical-spacing-xs) 0;border-bottom:1px solid var(--classical-color-border)}.interaction-list li:last-child{border-bottom:none}.interaction-type{font-size:.9rem;padding:2px 6px;border-radius:3px;font-weight:500}.interaction-type.generates{background:#228b221a;color:var(--classical-color-success)}.interaction-type.overcomes{background:#ff6b6b1a;color:var(--classical-color-error)}.diagram-legend{border-top:1px solid var(--classical-color-border);padding-top:var(--classical-spacing-md)}.diagram-legend h5{margin:0 0 var(--classical-spacing-sm) 0;color:var(--classical-color-primary)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--classical-spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--classical-spacing-sm)}.legend-symbol{width:20px;height:3px;border-radius:2px}.legend-symbol.generating-line{background:var(--classical-color-success)}.legend-symbol.overcoming-line{background:var(--classical-color-error);background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,var(--classical-color-background) 3px,var(--classical-color-background) 6px)}.legend-symbol.seasonal-boost{background:var(--classical-color-accent);border-radius:50%;width:12px;height:12px;animation:seasonal-pulse 2s ease-in-out infinite}.mobile-layout{padding:var(--classical-spacing-md)}.mobile-layout .diagram-header{flex-direction:column;align-items:stretch;text-align:center}.mobile-layout .diagram-controls{justify-content:center}.mobile-layout .mode-button{flex:1;min-width:0}.mobile-layout .element-text{font-size:1.2rem}.mobile-layout .element-text.highlighted{font-size:1.4rem}.mobile-layout .legend-items{justify-content:center}.mobile-layout .detail-item{padding:var(--classical-spacing-xs)}@media (max-width: 768px){.five-elements-diagram{padding:var(--classical-spacing-md)}.diagram-header{flex-direction:column;align-items:stretch;text-align:center}.diagram-controls{justify-content:center}.mode-button{flex:1;min-width:0;font-size:.8rem;padding:var(--classical-spacing-xs) var(--classical-spacing-sm)}.element-details{margin-top:var(--classical-spacing-md)}.legend-items{justify-content:center;gap:var(--classical-spacing-sm)}.legend-item{font-size:.9rem}}@media (max-width: 480px){.five-elements-diagram{padding:var(--classical-spacing-sm)}.diagram-header h3{font-size:1.2rem}.mode-button{font-size:.75rem;padding:var(--classical-spacing-xs)}.detail-item{flex-direction:column;gap:var(--classical-spacing-xs)}.legend-items{flex-direction:column;align-items:center}}.diagram-container:focus{outline:3px solid var(--classical-color-primary);outline-offset:2px}.mode-button:focus{outline:2px solid var(--classical-color-primary);outline-offset:2px}.close-button:focus{outline:2px solid var(--classical-color-primary);outline-offset:2px}.element-circle.focused{stroke:var(--classical-color-primary)!important;stroke-width:4!important;filter:drop-shadow(0 0 8px var(--classical-color-primary))}.element-text.focused{filter:drop-shadow(0 0 4px var(--classical-color-primary))}@media (hover: none) and (pointer: coarse){.element-circle{stroke-width:3!important}.mode-button{min-height:44px;min-width:44px;padding:var(--classical-spacing-sm) var(--classical-spacing-md)}.close-button{min-height:44px;min-width:44px}.interaction-line{stroke-width:3!important}}@keyframes classical-slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.element-circle,.interaction-line{stroke-width:3!important}.element-text{text-shadow:0 0 3px rgba(0,0,0,.8)}}@media (prefers-reduced-motion: reduce){.element-circle,.interaction-line,.seasonal-indicator,.strength-indicator{transition:none}.interaction-line.animated,.element-circle.seasonal-boost,.legend-symbol.seasonal-boost,.element-details{animation:none}}@media print{.five-elements-diagram{box-shadow:none;border:1px solid var(--classical-color-border)}.diagram-controls{display:none}.element-details{break-inside:avoid}}.cultural-references-list[data-v-e7c9bb64]{margin:var(--classical-spacing-lg) 0}.cultural-section-header[data-v-e7c9bb64]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--classical-spacing-md);padding-bottom:var(--classical-spacing-sm);border-bottom:1px solid var(--classical-color-border)}.references-list[data-v-e7c9bb64]{display:flex;flex-direction:column;gap:var(--classical-spacing-md)}.reference-item[data-v-e7c9bb64]{background:var(--classical-color-surface);border:1px solid var(--classical-color-border);border-radius:var(--classical-radius-md);padding:var(--classical-spacing-md);transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.reference-item[data-v-e7c9bb64]:hover{transform:translateY(-1px);box-shadow:0 4px 8px -2px var(--classical-color-shadow)}.reference-header[data-v-e7c9bb64]{display:flex;align-items:center;gap:var(--classical-spacing-sm);margin-bottom:var(--classical-spacing-sm)}.reference-type-badge[data-v-e7c9bb64]{padding:2px 8px;border-radius:var(--classical-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-poetry[data-v-e7c9bb64]{background:var(--classical-color-primary-light);color:var(--classical-color-primary);border:1px solid var(--classical-color-primary)}.type-allusion[data-v-e7c9bb64]{background:var(--classical-color-secondary-light);color:var(--classical-color-secondary);border:1px solid var(--classical-color-secondary)}.type-historical[data-v-e7c9bb64]{background:var(--classical-color-accent-light);color:#b8860b;border:1px solid var(--classical-color-accent)}.reference-title[data-v-e7c9bb64]{font-weight:600;color:var(--classical-color-ink);flex:1}.reference-content[data-v-e7c9bb64]{color:var(--classical-color-ink-secondary)}.reference-text[data-v-e7c9bb64]{margin-bottom:var(--classical-spacing-sm);line-height:1.6}.reference-meta[data-v-e7c9bb64]{display:flex;gap:var(--classical-spacing-sm);margin-bottom:var(--classical-spacing-sm);font-size:.875rem;color:var(--classical-color-ink-light)}.reference-author[data-v-e7c9bb64],.reference-dynasty[data-v-e7c9bb64],.reference-source[data-v-e7c9bb64]{padding:2px 6px;background:var(--classical-color-background);border-radius:var(--classical-radius-sm)}.reference-tags[data-v-e7c9bb64]{display:flex;flex-wrap:wrap;gap:var(--classical-spacing-xs)}.reference-tag[data-v-e7c9bb64]{padding:2px 8px;background:var(--classical-color-background);border:1px solid var(--classical-color-border);border-radius:var(--classical-radius-sm);font-size:.75rem;color:var(--classical-color-ink-light)}.references-table-container[data-v-e7c9bb64]{overflow-x:auto;border-radius:var(--classical-radius-md);border:1px solid var(--classical-color-border)}.references-table[data-v-e7c9bb64]{width:100%;border-collapse:collapse;background:var(--classical-color-surface);font-size:.875rem}.references-table th[data-v-e7c9bb64],.references-table td[data-v-e7c9bb64]{padding:var(--classical-spacing-sm) var(--classical-spacing-md);text-align:left;border-bottom:1px solid var(--classical-color-border)}.references-table th[data-v-e7c9bb64]{background:var(--classical-color-background);font-weight:600;color:var(--classical-color-ink);font-family:var(--classical-font-secondary)}.references-table tbody tr[data-v-e7c9bb64]:hover{background:var(--classical-color-background);transition:background-color var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.references-table tbody tr:last-child td[data-v-e7c9bb64]{border-bottom:none}.type-col[data-v-e7c9bb64]{width:80px;white-space:nowrap}.content-col[data-v-e7c9bb64]{width:auto;min-width:300px}.type-cell[data-v-e7c9bb64]{text-align:center}.content-cell[data-v-e7c9bb64]{color:var(--classical-color-ink-secondary);line-height:1.6}.no-references[data-v-e7c9bb64]{text-align:center;padding:var(--classical-spacing-xl);color:var(--classical-color-ink-light)}@media (max-width: 768px){.references-table[data-v-e7c9bb64]{font-size:.8rem}.references-table th[data-v-e7c9bb64],.references-table td[data-v-e7c9bb64]{padding:var(--classical-spacing-xs)}.type-col[data-v-e7c9bb64],.author-col[data-v-e7c9bb64],.dynasty-col[data-v-e7c9bb64],.source-col[data-v-e7c9bb64]{width:auto;min-width:60px}.content-col[data-v-e7c9bb64]{min-width:150px;max-width:200px}}@media (max-width: 768px){.reference-header[data-v-e7c9bb64]{flex-direction:column;align-items:flex-start}.reference-meta[data-v-e7c9bb64]{flex-direction:column;align-items:flex-start;gap:var(--classical-spacing-xs)}}.classical-error-container{max-width:800px;margin:0 auto;padding:0 var(--classical-spacing-md, 1rem)}.classical-error-message{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-left:4px solid #e53e3e;border-radius:8px;padding:var(--classical-spacing-md, 1rem);color:#c53030;display:flex;align-items:center;gap:var(--classical-spacing-sm, .5rem);box-shadow:0 2px 4px #e53e3e1a;animation:classical-slide-in-up .3s ease-out}.error-icon{font-size:1.2rem;flex-shrink:0}.classical-naming-container{max-width:1400px;margin:0 auto;padding:0 var(--classical-spacing-sm, .5rem);position:relative;min-height:auto}.classical-form-section{margin-bottom:var(--classical-spacing-sm, .5rem)}.classical-principles-section{margin-top:auto;flex-shrink:0}.classical-form-container{max-width:800px;margin:0 auto}.classical-results-container,.classical-principles-container{max-width:1400px;margin:0 auto;padding:0 var(--classical-spacing-md, 1rem)}.classical-background-panel{position:relative;padding:var(--classical-spacing-md, 1rem);background:linear-gradient(135deg,#d2691e0d,#ffd7000d,#d2691e08);border-radius:12px;min-height:auto}.classical-principles-section .classical-background-panel{margin-top:auto;flex-shrink:0}.classical-form-card{background:linear-gradient(135deg,var(--classical-color-background, #fefefe) 0%,rgba(255,255,255,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--classical-color-border, #8b8b8b);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;border-radius:12px}.background-header{text-align:center;margin-bottom:var(--classical-spacing-md, 1rem);position:relative}.background-title{font-size:1.5rem;color:var(--classical-color-primary, #d2691e);margin:0 0 var(--classical-spacing-sm, .75rem) 0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.background-decoration{width:60px;height:3px;background:linear-gradient(90deg,var(--classical-color-primary, #d2691e),var(--classical-color-accent, #ffd700));margin:0 auto;border-radius:2px}.classical-form-enhanced{padding:var(--classical-spacing-md, 1rem)}.classical-form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--classical-spacing-md, 1rem) var(--classical-spacing-lg, 1.5rem);align-items:end}.classical-form-field{display:flex;flex-direction:column;gap:var(--classical-spacing-xs, .5rem)}.classical-form-label{font-size:1rem;font-weight:600;color:var(--classical-color-text, #2f2f2f);margin-bottom:var(--classical-spacing-xs, .25rem);display:block}.classical-radio-group-compact{display:flex;gap:var(--classical-spacing-xs, .5rem);flex-wrap:wrap}.classical-radio-item-compact{position:relative}.classical-radio-item-compact input[type=radio]{position:absolute;opacity:0;width:0;height:0}.classical-radio-label-compact{display:inline-block;padding:var(--classical-spacing-xs, .5rem) var(--classical-spacing-sm, .75rem);border:2px solid var(--classical-color-border, #8b8b8b);border-radius:6px;background:var(--classical-color-background, #fefefe);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;text-align:center;min-width:40px;box-sizing:border-box}.classical-radio-item-compact input[type=radio]:checked+.classical-radio-label-compact{border-color:var(--classical-color-primary, #d2691e);background:linear-gradient(135deg,#d2691e1a,#ffd7001a);color:var(--classical-color-primary, #d2691e);transform:translateY(-1px);box-shadow:0 2px 8px #d2691e33}.classical-radio-label-compact:hover{border-color:var(--classical-color-accent, #ffd700);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.classical-input-wrapper{position:relative;width:100%}.classical-input-wrapper .classical-form-input{width:100%;padding:var(--classical-spacing-md, 1rem) var(--classical-spacing-lg, 1.5rem);border:2px solid var(--classical-color-border, #8b8b8b);border-radius:8px;font-size:1.1rem;background:var(--classical-color-background, #fefefe);transition:all .3s ease;position:relative;z-index:1}.classical-input-wrapper .classical-form-input:focus{border-color:var(--classical-color-primary, #d2691e);box-shadow:0 0 0 4px #d2691e1a,0 4px 12px #d2691e26;transform:translateY(-2px)}.classical-input-decoration{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--classical-color-primary, #d2691e),var(--classical-color-accent, #ffd700));border-radius:0 0 6px 6px;transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.classical-input-wrapper .classical-form-input:focus+.classical-input-decoration{transform:scaleX(1)}.classical-form-actions-enhanced{margin-top:var(--classical-spacing-xl, 2rem);display:flex;gap:var(--classical-spacing-lg, 1.5rem);justify-content:center;flex-wrap:wrap}.classical-button-primary{background:linear-gradient(135deg,var(--classical-color-primary, #d2691e) 0%,var(--classical-color-accent, #ffd700) 100%);color:var(--classical-color-background, #fefefe);border:none;border-radius:12px;padding:var(--classical-spacing-md, 1rem) var(--classical-spacing-xl, 2rem);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d2691e4d,0 2px 8px #0000001a;position:relative;overflow:hidden;min-width:160px;min-height:52px}.classical-button-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #d2691e66,0 4px 12px #00000026}.classical-button-primary:active:not(:disabled){transform:translateY(-1px)}.classical-button-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.classical-button-secondary{background:var(--classical-color-background, #fefefe);color:var(--classical-color-primary, #d2691e);border:2px solid var(--classical-color-primary, #d2691e);border-radius:12px;padding:var(--classical-spacing-md, 1rem) var(--classical-spacing-xl, 2rem);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;min-height:52px}.classical-button-secondary:hover:not(:disabled){background:var(--classical-color-primary, #d2691e);color:var(--classical-color-background, #fefefe);transform:translateY(-2px);box-shadow:0 4px 12px #d2691e4d}.button-content,.button-loading{display:flex;align-items:center;justify-content:center;gap:var(--classical-spacing-xs, .25rem)}.button-icon{font-size:1.2rem}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.classical-alert{display:flex;align-items:flex-start;gap:var(--classical-spacing-md, 1rem);padding:var(--classical-spacing-lg, 1.5rem);border-radius:12px;border-left:5px solid;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;margin:var(--classical-spacing-lg, 1.5rem) 0}.classical-alert-error{border-left-color:#e74c3c;background:linear-gradient(135deg,#e74c3c0d,#fffffff2)}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-content h4{margin:0 0 var(--classical-spacing-xs, .25rem) 0;color:#e74c3c;font-weight:600}.alert-content p{margin:0;color:var(--classical-color-text-secondary, #666);line-height:1.5}.background-content{display:flex;flex-direction:column;gap:var(--classical-spacing-lg, 1.5rem)}.background-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--classical-spacing-md, 1rem)}.background-item{display:flex;align-items:flex-start;gap:var(--classical-spacing-md, 1rem);padding:var(--classical-spacing-md, 1rem);background:#fff9;border-left:4px solid var(--classical-color-accent, #ffd700);border-radius:0 12px 12px 0;transition:all .3s ease;position:relative;overflow:hidden}.background-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d2691e0d,#ffd7000d);opacity:0;transition:opacity .3s ease}.background-item:hover:before{opacity:1}.background-item:hover{transform:translate(8px);box-shadow:0 8px 24px #d2691e26;border-left-color:var(--classical-color-primary, #d2691e)}.background-icon{font-size:2rem;flex-shrink:0;opacity:.8;position:relative;z-index:1}.background-text{position:relative;z-index:1}.background-text h4{margin:0 0 var(--classical-spacing-sm, .75rem) 0;font-size:1.1rem;color:var(--classical-color-primary, #d2691e);font-weight:600;font-family:var(--classical-font-decorative)}.background-text p{margin:0;font-size:.95rem;line-height:1.6;color:var(--classical-color-text-secondary, #666);font-family:var(--classical-font-secondary)}.classical-results-section{margin-top:var(--classical-spacing-sm, .5rem)}.classical-analysis-section{margin-bottom:var(--classical-spacing-sm, .5rem)}.classical-analysis-card{background:linear-gradient(135deg,#fffffff2,#d2691e05);border:1px solid var(--classical-color-border, #8b8b8b);border-radius:12px;box-shadow:0 4px 16px #0000000d}.classical-card-header{padding:var(--classical-spacing-md, 1rem) var(--classical-spacing-sm, .5rem) var(--classical-spacing-xs, .25rem);border-bottom:1px solid rgba(210,105,30,.1);text-align:center;background:linear-gradient(135deg,#d2691e08,#ffd70008);border-radius:12px 12px 0 0}.classical-card-header h2{margin:0 0 var(--classical-spacing-xs, .25rem) 0;font-size:1.8rem;color:var(--classical-color-primary, #d2691e);text-shadow:0 1px 2px rgba(0,0,0,.1)}.classical-card-body{padding:var(--classical-spacing-md, 1rem) var(--classical-spacing-sm, .5rem)}.classical-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--classical-spacing-sm, .5rem)}.analysis-item{display:flex;align-items:flex-start;gap:var(--classical-spacing-xs, .25rem);padding:var(--classical-spacing-sm, .5rem);background:#ffffffb3;border-radius:8px;border-left:3px solid;transition:all .3s ease;position:relative;overflow:hidden}.analysis-item-primary{border-left-color:var(--classical-color-primary, #d2691e)}.analysis-item-secondary{border-left-color:var(--classical-color-accent, #ffd700)}.analysis-item-tertiary{border-left-color:#8b4513}.analysis-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.analysis-icon{font-size:2rem;opacity:.8;flex-shrink:0}.analysis-content h4{margin:0 0 var(--classical-spacing-xs, .25rem) 0;font-size:1.1rem;font-weight:600}.analysis-content p{margin:0;line-height:1.5;font-size:.95rem}.classical-visualization-section{margin-bottom:var(--classical-spacing-sm, .5rem)}.classical-visualization-card{background:linear-gradient(135deg,#fffffff2,#d2691e05);border:1px solid var(--classical-color-border, #8b8b8b);border-radius:12px;box-shadow:0 4px 16px #0000000d}.visualization-wrapper{padding:var(--classical-spacing-sm, .5rem);min-height:80px;display:flex;align-items:center;justify-content:center}.classical-names-section{margin-bottom:var(--classical-spacing-sm, .5rem)}.classical-section-header{text-align:center;margin-bottom:var(--classical-spacing-md, 1rem)}.classical-section-header h2{margin-bottom:var(--classical-spacing-sm, .5rem)}.classical-decorative-divider{width:120px;height:3px;background:linear-gradient(90deg,var(--classical-color-primary, #d2691e),var(--classical-color-accent, #ffd700));margin:var(--classical-spacing-sm, .5rem) auto;border-radius:2px}.classical-names-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--classical-spacing-md, 1rem)}.classical-name-card{background:linear-gradient(135deg,#fffffff2,#d2691e05);border:1px solid var(--classical-color-border, #8b8b8b);border-radius:12px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;overflow:hidden}.classical-name-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:var(--classical-color-accent, #ffd700)}.name-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--classical-spacing-sm, .5rem);background:linear-gradient(135deg,#d2691e0d,#ffd7000d);border-bottom:1px solid rgba(210,105,30,.1)}.name-display{flex:1}.name-text{font-size:1.8rem;font-weight:700;color:var(--classical-color-primary, #d2691e);text-shadow:0 1px 2px rgba(0,0,0,.1)}.name-score{display:flex;align-items:center;gap:var(--classical-spacing-xs, .25rem);background:linear-gradient(135deg,var(--classical-color-primary, #d2691e) 0%,var(--classical-color-accent, #ffd700) 100%);color:var(--classical-color-background, #fefefe);padding:.25rem .5rem;border-radius:6px;font-weight:600;box-shadow:0 2px 8px #d2691e4d}.score-value{font-size:1.5rem;font-weight:700}.score-label{font-size:.8rem;opacity:.9}.name-card-body{padding:var(--classical-spacing-sm, .5rem)}.wuge-analysis{margin-bottom:var(--classical-spacing-sm, .5rem)}.analysis-title{margin:0 0 var(--classical-spacing-xs, .25rem) 0;font-size:1.1rem;color:var(--classical-color-primary, #d2691e);font-weight:600}.wuge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--classical-spacing-xs, .25rem)}.wuge-item{padding:var(--classical-spacing-xs, .25rem);background:#ffffffb3;border-radius:6px;border-left:2px solid;text-align:center;transition:all .3s ease}.wuge-item.ge-good{border-left-color:#27ae60;background:linear-gradient(135deg,#27ae600d,#ffffffb3)}.wuge-item.ge-bad{border-left-color:#e74c3c;background:linear-gradient(135deg,#e74c3c0d,#ffffffb3)}.wuge-item.ge-neutral{border-left-color:#95a5a6;background:linear-gradient(135deg,#95a5a60d,#ffffffb3)}.wuge-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.wuge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--classical-spacing-xs, .25rem)}.wuge-name{font-size:.9rem;font-weight:600}.wuge-number{font-size:1.1rem;font-weight:700;color:var(--classical-color-accent, #ffd700)}.wuge-type{font-size:.8rem;margin-bottom:var(--classical-spacing-xs, .25rem);opacity:.8}.wuge-desc{font-size:.8rem;line-height:1.4;opacity:.9}.name-card-footer{padding:var(--classical-spacing-xs, .25rem) var(--classical-spacing-sm, .5rem);border-top:1px solid rgba(210,105,30,.1);background:#d2691e05}.name-tags{display:flex;gap:var(--classical-spacing-xs, .25rem);flex-wrap:wrap}.name-tag{padding:var(--classical-spacing-xs, .25rem) var(--classical-spacing-sm, .5rem);background:var(--classical-color-accent, #ffd700);color:var(--classical-color-primary, #d2691e);border-radius:4px;font-size:.8rem;font-weight:600}.cultural-section{margin-top:1.5rem}.classical-slide-in-up{animation:slideInUp .6s ease-out}.classical-slide-in-down{animation:slideInDown .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.classical-naming-container{padding:0 var(--classical-spacing-xs, .25rem)}.classical-form-grid-layout{grid-template-columns:1fr;gap:var(--classical-spacing-sm, .5rem)}.classical-radio-group-compact{justify-content:center}.classical-form-actions-enhanced{flex-direction:column;align-items:center;gap:var(--classical-spacing-xs, .5rem)}.classical-button-primary{width:100%;max-width:280px}.background-content-grid{grid-template-columns:1fr;gap:var(--classical-spacing-sm, .5rem)}.classical-background-panel{padding:var(--classical-spacing-sm, .5rem);min-height:auto}.background-item{padding:var(--classical-spacing-sm, .5rem);gap:var(--classical-spacing-sm, .5rem)}.background-icon{font-size:1.5rem}.background-text h4{font-size:1rem}.background-text p{font-size:.9rem}.classical-analysis-grid{grid-template-columns:1fr;gap:var(--classical-spacing-sm, .5rem)}.classical-names-grid{grid-template-columns:1fr;gap:var(--classical-spacing-md, 1rem)}.name-text{font-size:1.5rem}.score-value{font-size:1.6rem}.wuge-grid{grid-template-columns:repeat(2,1fr);gap:var(--classical-spacing-xs, .25rem)}}@media (max-width: 1024px){.classical-form-grid-layout{gap:var(--classical-spacing-md, 1rem)}.classical-background-panel{padding:var(--classical-spacing-sm, .5rem)}.background-content-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--classical-spacing-sm, .5rem)}.background-item{padding:var(--classical-spacing-sm, .5rem);gap:var(--classical-spacing-sm, .5rem)}.background-icon{font-size:1.7rem}.background-text h4{font-size:1rem}.background-text p{font-size:.9rem}.classical-names-grid{grid-template-columns:1fr;gap:var(--classical-spacing-sm, .5rem)}}@media (min-width: 1200px){.classical-form-enhanced{padding:var(--classical-spacing-md, 1rem)}.classical-form-grid-layout{gap:var(--classical-spacing-lg, 1.5rem)}.classical-background-panel{padding:var(--classical-spacing-md, 1rem)}.background-content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--classical-spacing-md, 1rem)}.background-item{padding:var(--classical-spacing-md, 1rem)}.classical-names-grid{grid-template-columns:repeat(2,1fr);gap:var(--classical-spacing-md, 1rem)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.classical-slide-in-up,.classical-slide-in-down{animation:none}.classical-button-primary:hover:not(:disabled),.classical-button-secondary:hover:not(:disabled),.classical-name-card:hover,.analysis-item:hover,.wuge-item:hover,.background-item:hover{transform:none}.loading-spinner{animation:none}}@media (prefers-contrast: high){.classical-name-card,.analysis-item,.wuge-item,.classical-form-input{border-width:2px}}@media print{.classical-naming-container{max-width:none;padding:0}.classical-name-card,.analysis-item{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.classical-form-section,.classical-principles-section{display:none}}:root{--classical-spacing-xs: .25rem;--classical-spacing-sm: .5rem;--classical-spacing-md: 1rem;--classical-spacing-lg: 1.5rem;--classical-spacing-xl: 2rem;--classical-spacing-xxl: 3rem;--classical-color-primary: #d2691e;--classical-color-accent: #ffd700;--classical-color-background: #fefefe;--classical-color-border: #8b8b8b;--classical-color-text: #2f2f2f;--classical-color-text-secondary: #666;--classical-font-decorative: "serif";--classical-font-primary: "sans-serif";--classical-font-secondary: "sans-serif"}.classical-theme-provider[data-v-7efaf832]{min-height:100vh;transition:all .3s ease-in-out}.classical-theme-provider.classical-patterns-enabled[data-v-7efaf832]{background-image:var(--classical-pattern-background, none);background-attachment:fixed;background-size:120px 120px}.classical-theme-provider.classical-animations-enabled[data-v-7efaf832] *{transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:var(--classical-animation-hover-duration, .3s);transition-timing-function:var(--classical-animation-hover-easing, ease-in-out)}@media (prefers-reduced-motion: reduce){.classical-theme-provider.classical-animations-enabled[data-v-7efaf832] *{transition:none!important;animation:none!important}}.classical-theme-provider[data-v-7efaf832]:not(.classical-theme-initialized){opacity:0}.classical-theme-provider.classical-theme-initialized[data-v-7efaf832]{opacity:1;transition:opacity .5s ease-in-out}body.classical-theme-active{font-family:var(--classical-font-secondary);color:var(--classical-color-text);background-color:var(--classical-color-background);line-height:1.6}body.classical-animations-disabled *{transition:none!important;animation:none!important}body.classical-theme-active *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-contrast: high){body.classical-theme-active{--classical-color-border: #000000;--classical-color-shadow: rgba(0, 0, 0, .5)}}@media (prefers-color-scheme: dark){body.classical-theme-active.classical-dark-mode{--classical-color-background: #1a1a1a;--classical-color-text: #e0e0e0;--classical-color-text-secondary: #b0b0b0;--classical-color-border: #404040;--classical-color-shadow: rgba(0, 0, 0, .3)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--classical-color-primary);color:var(--classical-color-background);padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:700}.skip-link:focus{top:6px}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.keyboard-navigation *:focus{outline:2px solid var(--classical-color-primary)!important;outline-offset:2px!important}.keyboard-navigation button:focus,.keyboard-navigation [role=button]:focus{outline:3px solid var(--classical-color-primary)!important;outline-offset:2px!important}.keyboard-navigation input:focus,.keyboard-navigation select:focus,.keyboard-navigation textarea:focus{outline:2px solid var(--classical-color-primary)!important;outline-offset:1px!important;box-shadow:0 0 0 3px #ffd7004d!important}@media (prefers-contrast: high){:root{--classical-color-primary: #000000;--classical-color-secondary: #ffffff;--classical-color-text: #000000;--classical-color-background: #ffffff;--classical-color-border: #000000;--classical-color-accent: #0066cc;--classical-color-success: #006600;--classical-color-error: #cc0000;--classical-color-warning: #cc6600}.classical-card-main{border:2px solid var(--classical-color-border)!important}.element-circle,.interaction-line{stroke-width:3px!important}.element-text{text-shadow:0 0 3px rgba(0,0,0,.8)!important;font-weight:700!important}.mode-button{border:2px solid var(--classical-color-border)!important}.mode-button.active{background:var(--classical-color-primary)!important;color:var(--classical-color-background)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.element-circle,.interaction-line,.seasonal-indicator,.strength-indicator,.harmony-fill,.bar-fill{transition:none!important}.interaction-line.animated,.element-circle.seasonal-boost,.legend-symbol.seasonal-boost,.classical-fade-in{animation:none!important}.name-allusion-card:hover,.recommendation-item:hover{transform:none!important}}@media (hover: none) and (pointer: coarse){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px;padding:var(--classical-spacing-sm) var(--classical-spacing-md)}.mode-button{min-height:44px;min-width:44px;font-size:.9rem}.close-button,.expand-button{min-height:44px;min-width:44px}.figure-tag{min-height:32px;padding:var(--classical-spacing-sm);margin:var(--classical-spacing-xs)}.element-circle,.interaction-line{stroke-width:3px!important}.diagram-controls{gap:var(--classical-spacing-md)}.changes-grid,.interactions-grid{gap:var(--classical-spacing-lg)}.name-allusion-card:hover{transform:none;box-shadow:0 4px 12px var(--classical-color-shadow)}.element-circle:hover,.mode-button:hover{transform:none}}@media (min-resolution: 192dpi){.element-text{font-weight:700}.classical-font-decorative{font-weight:600}}.colorblind-friendly .element-circle[data-element=木]{stroke-dasharray:none}.colorblind-friendly .element-circle[data-element=火]{stroke-dasharray:5,5}.colorblind-friendly .element-circle[data-element=土]{stroke-dasharray:10,5}.colorblind-friendly .element-circle[data-element=金]{stroke-dasharray:2,2}.colorblind-friendly .element-circle[data-element=水]{stroke-dasharray:8,2,2,2}.error-message{color:var(--classical-color-error);font-weight:700}.error-message:before{content:"错误：";font-weight:700}.warning-message{color:var(--classical-color-warning)}.warning-message:before{content:"警告：";font-weight:700}.success-message{color:var(--classical-color-success)}.success-message:before{content:"成功：";font-weight:700}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--classical-color-border);border-radius:50%;border-top-color:var(--classical-color-primary);animation:spin 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border-top-color:var(--classical-color-primary)}}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:var(--classical-color-background-secondary);border-radius:4px;overflow:hidden;position:relative}.progress-bar:after{content:attr(aria-valuenow) "%";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:var(--classical-color-text);z-index:1}.progress-fill{height:100%;background:var(--classical-color-primary);transition:width .3s ease}@media (prefers-reduced-motion: reduce){.progress-fill{transition:none}}.form-group{margin-bottom:var(--classical-spacing-md)}.form-label{display:block;margin-bottom:var(--classical-spacing-xs);font-weight:600;color:var(--classical-color-text)}.form-label.required:after{content:" *";color:var(--classical-color-error)}.form-input{width:100%;padding:var(--classical-spacing-sm);border:2px solid var(--classical-color-border);border-radius:4px;font-size:1rem;line-height:1.5}.form-input:focus{border-color:var(--classical-color-primary);box-shadow:0 0 0 3px #ffd7004d;outline:none}.form-input[aria-invalid=true]{border-color:var(--classical-color-error)}.form-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff6b6b4d}.form-error{color:var(--classical-color-error);font-size:.875rem;margin-top:var(--classical-spacing-xs)}.form-help{color:var(--classical-color-text-secondary);font-size:.875rem;margin-top:var(--classical-spacing-xs)}.accessible-table{width:100%;border-collapse:collapse;margin:var(--classical-spacing-md) 0}.accessible-table th,.accessible-table td{padding:var(--classical-spacing-sm);text-align:left;border:1px solid var(--classical-color-border)}.accessible-table th{background:var(--classical-color-background-secondary);font-weight:700}.accessible-table caption{caption-side:top;text-align:left;font-weight:700;margin-bottom:var(--classical-spacing-sm)}@media print{.skip-link,.sr-only{display:none!important}.keyboard-navigation *:focus{outline:none!important}.loading-spinner,.expand-button{display:none!important}.allusion-details{display:block!important}.element-details{break-inside:avoid}.name-allusion-card{break-inside:avoid;border:1px solid #000!important;box-shadow:none!important}}@media (prefers-color-scheme: dark){:root{--classical-color-background: #1a1a1a;--classical-color-text: #ffffff;--classical-color-border: #444444;--classical-color-background-secondary: #2a2a2a;--classical-color-shadow: rgba(0, 0, 0, .5)}.classical-card-main{background:var(--classical-color-background-secondary);color:var(--classical-color-text)}.element-text{fill:var(--classical-color-background);text-shadow:0 1px 2px rgba(0,0,0,.8)}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s ease}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background-color:#ffd7001a;outline:2px solid var(--classical-color-primary);outline-offset:2px}.hamburger-line{width:100%;height:3px;background-color:var(--classical-color-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-layout .classical-nav-container{flex-direction:column;align-items:stretch}.mobile-layout .classical-nav-menu{display:none;flex-direction:column;width:100%;background:var(--classical-color-background);border-top:1px solid var(--classical-color-border);padding:var(--classical-spacing-md) 0;position:absolute;top:100%;left:0;right:0;z-index:1000;box-shadow:0 4px 12px #0000001a}.mobile-layout .classical-nav-menu.mobile-menu-open{display:flex}.mobile-layout .classical-nav-link{padding:var(--classical-spacing-md);border-bottom:1px solid var(--classical-color-border);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-layout .classical-nav-link:last-of-type{border-bottom:none}.mobile-layout .language-select{margin:var(--classical-spacing-md);min-height:44px;font-size:1rem}@media (hover: none) and (pointer: coarse){.classical-nav-link{min-height:44px;min-width:44px;padding:var(--classical-spacing-md)}.classical-form-select{min-height:44px;font-size:1rem}button{min-height:44px;min-width:44px}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.classical-nav-container{display:flex;justify-content:space-between;align-items:center;position:relative}.classical-nav-menu{display:none}.classical-nav-menu.mobile-menu-open{display:flex}.classical-main-content,.classical-footer{padding:var(--classical-spacing-md)}}@media (max-width: 480px){.classical-nav-brand{font-size:1.2rem}.classical-nav-link{font-size:.9rem;padding:var(--classical-spacing-sm) var(--classical-spacing-md)}.classical-main-content{padding:var(--classical-spacing-sm)}}.high-contrast .mobile-menu-toggle{border:2px solid var(--classical-color-border)}.high-contrast .hamburger-line{background-color:var(--classical-color-text);height:4px}.high-contrast .classical-nav-menu{border:2px solid var(--classical-color-border)}.reduced-motion .hamburger-line,.reduced-motion .mobile-menu-toggle,.reduced-motion .classical-nav-menu{transition:none!important}.classical-nav-menu[aria-hidden=true] .classical-nav-link{visibility:hidden}.classical-nav-menu:not([aria-hidden=true]) .classical-nav-link{visibility:visible}@media print{.mobile-menu-toggle{display:none!important}.classical-nav-menu{display:flex!important;position:static!important;box-shadow:none!important;border:none!important;flex-direction:row!important}.classical-nav-link{border-bottom:none!important;padding:var(--classical-spacing-xs) var(--classical-spacing-sm)!important}}:root{--bg-color: #f7f7f7;--card-bg: #fff;--border-color: #e0e0e0;--text-color: #333;--primary-color: #4285f4;--green-bg: #e8f5e9;--orange-color: #f57c00}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:20px}.top-bar{display:flex;justify-content:center;margin-bottom:20px;background-color:#fff;padding:10px;border-radius:8px;border:1px solid var(--border-color)}.top-bar a{background:none;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:6px;transition:background-color .3s,color .3s;text-decoration:none;color:var(--text-color)}.top-bar a.active{background-color:var(--primary-color);color:#fff}.top-bar a:not(.active):hover{background-color:#f0f0f0}.container{max-width:1200px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--card-bg);padding:10px 20px;border-radius:8px;border:1px solid var(--border-color)}.app-header h1{font-size:24px;font-weight:500;display:flex;align-items:center;gap:10px}.header-buttons{display:flex;gap:10px}.header-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:5px}.header-btn:hover{background:#e8e8e8}.main-content{display:flex;gap:20px}.converter-container{flex:1}.sidebar{width:320px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.card-header{padding:12px 15px;border-bottom:1px solid var(--border-color);font-weight:500;display:flex;align-items:center;gap:8px}.card-body{padding:20px}.conversion-section{margin-bottom:30px}.conversion-section:last-child{margin-bottom:0}.convert-btn-main{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:10px 15px;font-size:16px;cursor:pointer;margin-bottom:15px;display:flex;align-items:center;gap:8px}.convert-btn-main:hover{background:#3a7de0}.input-group{display:grid;grid-template-columns:80px 1fr;align-items:center;margin-bottom:10px}.input-group label{font-weight:500}.input-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.result-box-green{background-color:var(--green-bg);padding:12px;border-radius:4px;margin:15px 0;font-weight:500;display:flex;align-items:center;gap:8px}.result-grid{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px;border-top:1px solid var(--border-color);margin-top:15px}.result-grid div:nth-child(odd){font-weight:500;color:#555}.current-timestamp{background:var(--orange-color);color:#fff;font-size:36px;font-weight:700;text-align:center;padding:15px;border-radius:6px;margin-bottom:15px;cursor:pointer}.timestamp-controls{display:flex;justify-content:space-between;margin-bottom:15px}.timestamp-controls button{flex:1;padding:8px;border:1px solid #ccc;background:#f0f0f0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.timestamp-controls button:hover:not(:disabled){background:#e8e8e8}.timestamp-controls button:disabled{opacity:.5;cursor:not-allowed}.timestamp-controls button+button{margin-left:10px}.timestamp-description{font-size:14px;line-height:1.6;color:#666}.app-footer{text-align:center;margin-top:40px;padding:20px 0;border-top:1px solid var(--border-color);font-size:14px;color:#666}.app-footer a{color:#666;text-decoration:none}.app-footer a:hover{color:var(--primary-color)}.icon-copy{cursor:pointer;color:var(--primary-color);font-size:18px;vertical-align:middle}.icon-check{color:#4caf50;font-size:18px;vertical-align:middle}.copied-btn{background-color:#e8f5e9!important;color:#4caf50!important;cursor:default!important}.date-calculator-container{flex:1}.date-calc-input-group{margin-bottom:15px}.date-calc-input-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.date-calc-input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.days-input-wrapper{display:flex;align-items:center}.days-input-wrapper input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.days-input-wrapper span{padding:10px;background-color:#f0f0f0;border:1px solid #ccc;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.calc-btn{background-color:#333;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:10px}.calc-btn:hover{background-color:#555}.json-tools-container{display:flex;flex-direction:column;gap:10px}.json-editor-controls{display:flex;gap:10px;background-color:var(--primary-color);padding:10px;border-radius:8px}.json-editor-controls button{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;padding:8px 15px;cursor:pointer;transition:background-color .3s,color .3s}.json-editor-controls button:hover{background-color:#f0f0f0}.json-editor-controls .copied-btn{background-color:#e8f5e9!important;color:#4caf50!important;border-color:#4caf50!important}.json-editor-controls .clear-btn{background-color:#fbe9e7;color:#d9534f;border-color:#d9534f}.json-editor-controls .clear-btn:hover{background-color:#f8d7da}.codemirror-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.error-banner{background-color:#d9534f;color:#fff;padding:10px 15px;border-radius:6px;text-align:center}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.icon-clock:before{content:"🕒"}.icon-globe:before{content:"🌍"}.icon-calendar:before{content:"📅"}.icon-transfer:before{content:"⇄"}.icon-time:before{content:"🕔"}.icon-calendar-alt:before{content:"🗓️"}.icon-info:before{content:"ℹ️"}.icon-copy:before{content:"📋"}.icon-stop:before{content:"🛑"}.icon-play:before{content:"▶️"}.icon-check:before{content:"✅"}.icon-qr:before{content:"🔳"}.qrcode-container{max-width:600px;margin:0 auto}.qrcode-input-group{margin-bottom:15px}.qrcode-input-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.qrcode-input-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box;resize:vertical}.qrcode-result{margin-top:20px;text-align:center}.qrcode-result img{max-width:100%;border:1px solid var(--border-color);border-radius:8px}.download-btn{display:inline-block;margin-top:15px;padding:10px 20px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;transition:background-color .3s}.download-btn:hover{background-color:#3a7de0}.qrcode-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px}.print-options{display:flex;align-items:center;gap:10px}.print-options select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.print-btn{padding:8px 15px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.print-btn:hover{background-color:#555}.qrcode-styling-panel{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.style-toggle-btn{background:none;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 15px;border-radius:6px;cursor:pointer;width:100%;margin-bottom:15px}.style-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.option-group{display:flex;flex-direction:column}.option-group label{font-weight:500;margin-bottom:5px}.option-group input,.option-group select{padding:8px;border:1px solid #ccc;border-radius:4px}.qrcode-display-container{margin-top:20px;display:flex;justify-content:center}.language-switcher{margin-left:20px;padding:5px;border-radius:4px;border:1px solid var(--border-color);background-color:#fff}.classical-app[data-v-e7ee8b29]{min-height:100vh;background:var(--classical-color-background, #fefefe)}.classical-main-content[data-v-e7ee8b29]{min-height:calc(100vh - 120px);padding-top:var(--classical-spacing-lg, 1.5rem)}.classical-nav[data-v-e7ee8b29]{background:linear-gradient(135deg,var(--classical-color-background, #fefefe) 0%,rgba(240,240,240,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--classical-color-border, #8b8b8b);box-shadow:0 4px 12px var(--classical-color-shadow, rgba(47, 47, 47, .1))}.classical-nav-brand-container[data-v-e7ee8b29]{display:flex;align-items:baseline;gap:var(--classical-spacing-lg, 1.5rem)}.classical-nav-brand[data-v-e7ee8b29]{font-size:1.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;color:var(--classical-color-primary, #d2691e);text-decoration:none}.classical-nav-brand[data-v-e7ee8b29]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--classical-color-primary, #d2691e),var(--classical-color-accent, #ffd700));border-radius:1px}.classical-nav-subtitle[data-v-e7ee8b29]{font-size:.85rem;color:#8b6914;font-family:Ma Shan Zheng,KaiTi,楷体,STKaiti,BiauKai,serif;font-weight:400;letter-spacing:.15em;text-shadow:0 1px 3px rgba(0,0,0,.2);position:relative;top:3px;opacity:.9;transform:scale(1.05);transform-origin:left center}@media (max-width: 768px){.classical-nav-brand-container[data-v-e7ee8b29]{flex-direction:column;align-items:flex-start;gap:var(--classical-spacing-xs, .25rem)}.classical-nav-brand[data-v-e7ee8b29]{font-size:1.5rem}.classical-nav-subtitle[data-v-e7ee8b29]{font-size:.75rem;top:0;margin-top:-2px}}.classical-nav-menu[data-v-e7ee8b29]{align-items:center}.classical-nav-link[data-v-e7ee8b29]{position:relative;overflow:hidden}.classical-nav-link[data-v-e7ee8b29]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(210,105,30,.1),transparent);transition:left .5s ease}.classical-nav-link[data-v-e7ee8b29]:hover:before{left:100%}.classical-footer[data-v-e7ee8b29]{background:linear-gradient(135deg,var(--classical-color-secondary, #2f2f2f) 0%,rgba(47,47,47,.9) 100%);position:relative;overflow:hidden}.classical-footer[data-v-e7ee8b29]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--classical-color-primary, #d2691e),var(--classical-color-accent, #ffd700),var(--classical-color-primary, #d2691e))}.classical-footer[data-v-e7ee8b29]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M30 30c0-16.569 13.431-30 30-30v60c-16.569 0-30-13.431-30-30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.classical-footer-content[data-v-e7ee8b29]{position:relative;z-index:1}.classical-footer-links[data-v-e7ee8b29]{align-items:center}@media (max-width: 768px){.classical-nav-container[data-v-e7ee8b29]{flex-direction:column;gap:var(--classical-spacing-sm, .5rem);padding:var(--classical-spacing-md, 1rem)}.classical-nav-menu[data-v-e7ee8b29]{flex-wrap:wrap;justify-content:center;gap:var(--classical-spacing-sm, .5rem)}.classical-nav-brand[data-v-e7ee8b29]{font-size:1.5rem}.classical-main-content[data-v-e7ee8b29]{padding-top:var(--classical-spacing-md, 1rem)}}.classical-app[data-v-e7ee8b29]{animation:classicalAppFadeIn-e7ee8b29 .8s ease-out}@keyframes classicalAppFadeIn-e7ee8b29{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.classical-form-select[data-v-e7ee8b29]{background:var(--classical-color-background, #fefefe);border:1px solid var(--classical-color-border, #8b8b8b);border-radius:4px;padding:.5rem 2rem .5rem .75rem;font-family:var(--classical-font-secondary);color:var(--classical-color-text, #2f2f2f);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:all .3s ease}.classical-form-select[data-v-e7ee8b29]:focus{outline:none;border-color:var(--classical-color-primary, #d2691e);box-shadow:0 0 0 3px #d2691e1a}.classical-form-select[data-v-e7ee8b29]:hover{border-color:var(--classical-color-accent, #ffd700)}.json-viewer[data-v-1fb450b3]{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;padding-left:20px}.json-node[data-v-1fb450b3]{position:relative}.node-header[data-v-1fb450b3]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.toggle-icon[data-v-1fb450b3]{width:15px;display:inline-block;text-align:center;font-weight:700}.key[data-v-1fb450b3]{font-weight:700;margin-right:5px;color:brown}.value-string[data-v-1fb450b3]{color:green}.value-number[data-v-1fb450b3]{color:#00f}.value-boolean[data-v-1fb450b3]{color:#f0f}.value-null[data-v-1fb450b3]{color:gray}.node-children[data-v-1fb450b3]{padding-left:20px;border-left:1px dashed #ccc}.classical-font-primary{font-family:var(--classical-font-primary)}.classical-font-secondary{font-family:var(--classical-font-secondary)}.classical-font-decorative{font-family:var(--classical-font-decorative)}.classical-font-modern{font-family:var(--classical-font-modern)}.classical-text-xs{font-size:.75rem;line-height:1.2}.classical-text-sm{font-size:.875rem;line-height:1.3}.classical-text-base{font-size:1rem;line-height:1.5}.classical-text-lg{font-size:1.125rem;line-height:1.4}.classical-text-xl{font-size:1.25rem;line-height:1.4}.classical-text-2xl{font-size:1.5rem;line-height:1.3}.classical-text-3xl{font-size:1.875rem;line-height:1.2}.classical-text-4xl{font-size:2.25rem;line-height:1.1}.classical-text-primary{color:var(--classical-color-primary)}.classical-text-secondary{color:var(--classical-color-secondary)}.classical-text-accent{color:var(--classical-color-accent)}.classical-text-ink{color:var(--classical-color-text)}.classical-text-ink-light{color:var(--classical-color-text-secondary)}.classical-text-success{color:var(--classical-color-success)}.classical-text-warning{color:var(--classical-color-warning)}.classical-text-error{color:var(--classical-color-error)}.classical-bg-primary{background-color:var(--classical-color-primary)}.classical-bg-secondary{background-color:var(--classical-color-secondary)}.classical-bg-accent{background-color:var(--classical-color-accent)}.classical-bg-paper{background-color:var(--classical-color-background)}.classical-bg-success{background-color:var(--classical-color-success)}.classical-bg-warning{background-color:var(--classical-color-warning)}.classical-bg-error{background-color:var(--classical-color-error)}.classical-p-xs{padding:var(--classical-spacing-xs)}.classical-p-sm{padding:var(--classical-spacing-sm)}.classical-p-md{padding:var(--classical-spacing-md)}.classical-p-lg{padding:var(--classical-spacing-lg)}.classical-p-xl{padding:var(--classical-spacing-xl)}.classical-p-xxl{padding:var(--classical-spacing-xxl)}.classical-px-xs{padding-left:var(--classical-spacing-xs);padding-right:var(--classical-spacing-xs)}.classical-px-sm{padding-left:var(--classical-spacing-sm);padding-right:var(--classical-spacing-sm)}.classical-px-md{padding-left:var(--classical-spacing-md);padding-right:var(--classical-spacing-md)}.classical-px-lg{padding-left:var(--classical-spacing-lg);padding-right:var(--classical-spacing-lg)}.classical-px-xl{padding-left:var(--classical-spacing-xl);padding-right:var(--classical-spacing-xl)}.classical-px-xxl{padding-left:var(--classical-spacing-xxl);padding-right:var(--classical-spacing-xxl)}.classical-py-xs{padding-top:var(--classical-spacing-xs);padding-bottom:var(--classical-spacing-xs)}.classical-py-sm{padding-top:var(--classical-spacing-sm);padding-bottom:var(--classical-spacing-sm)}.classical-py-md{padding-top:var(--classical-spacing-md);padding-bottom:var(--classical-spacing-md)}.classical-py-lg{padding-top:var(--classical-spacing-lg);padding-bottom:var(--classical-spacing-lg)}.classical-py-xl{padding-top:var(--classical-spacing-xl);padding-bottom:var(--classical-spacing-xl)}.classical-py-xxl{padding-top:var(--classical-spacing-xxl);padding-bottom:var(--classical-spacing-xxl)}.classical-m-xs{margin:var(--classical-spacing-xs)}.classical-m-sm{margin:var(--classical-spacing-sm)}.classical-m-md{margin:var(--classical-spacing-md)}.classical-m-lg{margin:var(--classical-spacing-lg)}.classical-m-xl{margin:var(--classical-spacing-xl)}.classical-m-xxl{margin:var(--classical-spacing-xxl)}.classical-mx-xs{margin-left:var(--classical-spacing-xs);margin-right:var(--classical-spacing-xs)}.classical-mx-sm{margin-left:var(--classical-spacing-sm);margin-right:var(--classical-spacing-sm)}.classical-mx-md{margin-left:var(--classical-spacing-md);margin-right:var(--classical-spacing-md)}.classical-mx-lg{margin-left:var(--classical-spacing-lg);margin-right:var(--classical-spacing-lg)}.classical-mx-xl{margin-left:var(--classical-spacing-xl);margin-right:var(--classical-spacing-xl)}.classical-mx-xxl{margin-left:var(--classical-spacing-xxl);margin-right:var(--classical-spacing-xxl)}.classical-my-xs{margin-top:var(--classical-spacing-xs);margin-bottom:var(--classical-spacing-xs)}.classical-my-sm{margin-top:var(--classical-spacing-sm);margin-bottom:var(--classical-spacing-sm)}.classical-my-md{margin-top:var(--classical-spacing-md);margin-bottom:var(--classical-spacing-md)}.classical-my-lg{margin-top:var(--classical-spacing-lg);margin-bottom:var(--classical-spacing-lg)}.classical-my-xl{margin-top:var(--classical-spacing-xl);margin-bottom:var(--classical-spacing-xl)}.classical-my-xxl{margin-top:var(--classical-spacing-xxl);margin-bottom:var(--classical-spacing-xxl)}.classical-border{border:1px solid var(--classical-color-border)}.classical-border-primary{border:1px solid var(--classical-color-primary)}.classical-border-accent{border:1px solid var(--classical-color-accent)}.classical-border-decorative{border:2px solid var(--classical-color-accent);border-image:var(--classical-pattern-border-horizontal) 2}.classical-border-top{border-top:1px solid var(--classical-color-border)}.classical-border-bottom{border-bottom:1px solid var(--classical-color-border)}.classical-border-left{border-left:1px solid var(--classical-color-border)}.classical-border-right{border-right:1px solid var(--classical-color-border)}.classical-rounded-none{border-radius:0}.classical-rounded-sm{border-radius:.125rem}.classical-rounded{border-radius:.25rem}.classical-rounded-md{border-radius:.375rem}.classical-rounded-lg{border-radius:.5rem}.classical-rounded-xl{border-radius:.75rem}.classical-rounded-2xl{border-radius:1rem}.classical-rounded-full{border-radius:9999px}.classical-shadow-sm{box-shadow:0 1px 2px 0 var(--classical-color-shadow)}.classical-shadow{box-shadow:0 1px 3px 0 var(--classical-color-shadow),0 1px 2px 0 var(--classical-color-shadow)}.classical-shadow-md{box-shadow:0 4px 6px -1px var(--classical-color-shadow),0 2px 4px -1px var(--classical-color-shadow)}.classical-shadow-lg{box-shadow:0 10px 15px -3px var(--classical-color-shadow),0 4px 6px -2px var(--classical-color-shadow)}.classical-shadow-xl{box-shadow:0 20px 25px -5px var(--classical-color-shadow),0 10px 10px -5px var(--classical-color-shadow)}.classical-shadow-inner{box-shadow:inset 0 2px 4px 0 var(--classical-color-shadow)}.classical-container{max-width:1200px;margin:0 auto;padding:0 var(--classical-spacing-md)}.classical-flex{display:flex}.classical-flex-col{flex-direction:column}.classical-flex-row{flex-direction:row}.classical-items-center{align-items:center}.classical-items-start{align-items:flex-start}.classical-items-end{align-items:flex-end}.classical-justify-center{justify-content:center}.classical-justify-between{justify-content:space-between}.classical-justify-around{justify-content:space-around}.classical-justify-start{justify-content:flex-start}.classical-justify-end{justify-content:flex-end}.classical-grid{display:grid}.classical-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.classical-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.classical-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.classical-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.classical-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.classical-gap-xs{gap:var(--classical-spacing-xs)}.classical-gap-sm{gap:var(--classical-spacing-sm)}.classical-gap-md{gap:var(--classical-spacing-md)}.classical-gap-lg{gap:var(--classical-spacing-lg)}.classical-gap-xl{gap:var(--classical-spacing-xl)}.classical-gap-xxl{gap:var(--classical-spacing-xxl)}.classical-card{background-color:var(--classical-color-background);border:1px solid var(--classical-color-border);border-radius:.5rem;box-shadow:0 4px 6px -1px var(--classical-color-shadow);padding:var(--classical-spacing-lg);transition:box-shadow var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-card:hover{box-shadow:0 10px 15px -3px var(--classical-color-shadow)}.classical-card-header{background:linear-gradient(135deg,var(--classical-color-primary),var(--classical-color-accent));color:var(--classical-color-background);padding:var(--classical-spacing-md) var(--classical-spacing-lg);border-radius:.5rem .5rem 0 0;margin:calc(-1 * var(--classical-spacing-lg)) calc(-1 * var(--classical-spacing-lg)) var(--classical-spacing-lg) calc(-1 * var(--classical-spacing-lg));font-family:var(--classical-font-decorative);font-weight:700;text-align:center}.classical-button{background:linear-gradient(135deg,var(--classical-color-primary),var(--classical-color-accent));color:var(--classical-color-background);border:none;border-radius:.375rem;padding:var(--classical-spacing-sm) var(--classical-spacing-lg);font-family:var(--classical-font-primary);font-weight:500;cursor:pointer;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);box-shadow:0 2px 4px var(--classical-color-shadow)}.classical-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--classical-color-shadow)}.classical-button:active{transform:translateY(0);box-shadow:0 1px 2px var(--classical-color-shadow)}.classical-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.classical-button-secondary{background:var(--classical-color-background);color:var(--classical-color-primary);border:1px solid var(--classical-color-primary)}.classical-button-secondary:hover{background:var(--classical-color-primary);color:var(--classical-color-background)}.classical-input{background-color:var(--classical-color-background);border:1px solid var(--classical-color-border);border-radius:.375rem;padding:var(--classical-spacing-sm) var(--classical-spacing-md);font-family:var(--classical-font-secondary);font-size:1rem;transition:border-color var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-input:focus{outline:none;border-color:var(--classical-color-primary);box-shadow:0 0 0 3px #d2691e1a}.classical-label{font-family:var(--classical-font-primary);font-weight:500;color:var(--classical-color-text);margin-bottom:var(--classical-spacing-xs);display:block}.classical-fade-in{animation:classicalFadeIn var(--classical-animation-fade-in-duration) var(--classical-animation-fade-in-easing)}.classical-slide-in-up{animation:classicalSlideInUp var(--classical-animation-slide-in-duration) var(--classical-animation-slide-in-easing)}.classical-slide-in-down{animation:classicalSlideInDown var(--classical-animation-slide-in-duration) var(--classical-animation-slide-in-easing)}.classical-slide-in-left{animation:classicalSlideInLeft var(--classical-animation-slide-in-duration) var(--classical-animation-slide-in-easing)}.classical-slide-in-right{animation:classicalSlideInRight var(--classical-animation-slide-in-duration) var(--classical-animation-slide-in-easing)}@keyframes classicalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes classicalSlideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes classicalSlideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes classicalSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes classicalSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes classicalElementFlow{0%{stroke-dashoffset:100;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.7}}.classical-element-flow{animation:classicalElementFlow var(--classical-animation-element-flow-duration) var(--classical-animation-element-flow-easing) infinite}@media (max-width: 480px){.classical-mobile-hidden{display:none}.classical-mobile-flex{display:flex}.classical-mobile-block{display:block}.classical-mobile-text-center{text-align:center}.classical-mobile-px-sm{padding-left:var(--classical-spacing-sm);padding-right:var(--classical-spacing-sm)}}@media (min-width: 481px) and (max-width: 768px){.classical-tablet-hidden{display:none}.classical-tablet-flex{display:flex}.classical-tablet-block{display:block}}@media (min-width: 769px){.classical-desktop-hidden{display:none}.classical-desktop-flex{display:flex}.classical-desktop-block{display:block}}.classical-pattern-background{background-image:var(--classical-pattern-background);background-repeat:repeat;background-size:60px 60px}.classical-pattern-border-top{border-top:3px solid;border-image:var(--classical-pattern-border-horizontal) 3}.classical-pattern-border-bottom{border-bottom:3px solid;border-image:var(--classical-pattern-border-horizontal) 3}.classical-decorative-element{position:relative}.classical-decorative-element:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;background-image:var(--classical-pattern-decorative);background-size:contain;background-repeat:no-repeat;opacity:.6}.classical-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.classical-focus-visible:focus-visible{outline:2px solid var(--classical-color-primary);outline-offset:2px}@media (prefers-contrast: high){.classical-card{border-width:2px}.classical-button{border:2px solid var(--classical-color-primary)}.classical-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.classical-fade-in,.classical-slide-in-up,.classical-slide-in-down,.classical-slide-in-left,.classical-slide-in-right,.classical-element-flow{animation:none}.classical-button:hover{transform:none}}@media (max-width: 480px){.classical-text-responsive-xs{font-size:.75rem}.classical-text-responsive-sm{font-size:.875rem}.classical-text-responsive-base{font-size:1rem}.classical-text-responsive-lg{font-size:1.125rem}.classical-text-responsive-xl{font-size:1.25rem}}@media (min-width: 481px) and (max-width: 768px){.classical-text-responsive-xs{font-size:.875rem}.classical-text-responsive-sm{font-size:1rem}.classical-text-responsive-base{font-size:1.125rem}.classical-text-responsive-lg{font-size:1.25rem}.classical-text-responsive-xl{font-size:1.5rem}}@media (min-width: 769px){.classical-text-responsive-xs{font-size:1rem}.classical-text-responsive-sm{font-size:1.125rem}.classical-text-responsive-base{font-size:1.25rem}.classical-text-responsive-lg{font-size:1.5rem}.classical-text-responsive-xl{font-size:1.875rem}}@media (max-width: 480px){.classical-responsive-p{padding:var(--classical-spacing-sm)}.classical-responsive-m{margin:var(--classical-spacing-sm)}.classical-responsive-gap{gap:var(--classical-spacing-sm)}}@media (min-width: 481px) and (max-width: 768px){.classical-responsive-p{padding:var(--classical-spacing-md)}.classical-responsive-m{margin:var(--classical-spacing-md)}.classical-responsive-gap{gap:var(--classical-spacing-md)}}@media (min-width: 769px){.classical-responsive-p{padding:var(--classical-spacing-lg)}.classical-responsive-m{margin:var(--classical-spacing-lg)}.classical-responsive-gap{gap:var(--classical-spacing-lg)}}.classical-badge{display:inline-flex;align-items:center;padding:var(--classical-spacing-xs) var(--classical-spacing-sm);background:linear-gradient(135deg,var(--classical-color-primary),var(--classical-color-accent));color:var(--classical-color-background);font-family:var(--classical-font-primary);font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.classical-badge-secondary{background:var(--classical-color-text-secondary)}.classical-badge-success{background:var(--classical-color-success)}.classical-badge-warning{background:var(--classical-color-warning);color:var(--classical-color-text)}.classical-badge-error{background:var(--classical-color-error)}.classical-tooltip{position:relative;display:inline-block}.classical-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--classical-color-secondary);color:var(--classical-color-background);padding:var(--classical-spacing-xs) var(--classical-spacing-sm);border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);z-index:1000}.classical-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(100%);border:4px solid transparent;border-top-color:var(--classical-color-secondary);opacity:0;visibility:hidden;transition:opacity var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-tooltip:hover:after,.classical-tooltip:hover:before{opacity:1;visibility:visible}.classical-progress{width:100%;height:8px;background:var(--classical-color-border);border-radius:4px;overflow:hidden;position:relative}.classical-progress-bar{height:100%;background:linear-gradient(90deg,var(--classical-color-primary),var(--classical-color-accent));border-radius:4px;transition:width var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);position:relative}.classical-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:classicalProgressShine 2s infinite}@keyframes classicalProgressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.classical-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--classical-color-border),transparent);margin:var(--classical-spacing-lg) 0}.classical-divider-decorative{height:3px;background:linear-gradient(90deg,transparent,var(--classical-color-accent),transparent);position:relative}.classical-divider-decorative:after{content:"❋";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--classical-color-background);color:var(--classical-color-accent);padding:0 var(--classical-spacing-sm);font-size:1.2rem}.classical-alert{padding:var(--classical-spacing-md) var(--classical-spacing-lg);border-radius:4px;border-left:4px solid;margin:var(--classical-spacing-md) 0;font-family:var(--classical-font-secondary)}.classical-alert-info{background:#4682b41a;border-left-color:var(--classical-color-primary);color:var(--classical-color-text)}.classical-alert-success{background:#00a86b1a;border-left-color:var(--classical-color-success);color:var(--classical-color-text)}.classical-alert-warning{background:#daa5201a;border-left-color:var(--classical-color-warning);color:var(--classical-color-text)}.classical-alert-error{background:#ff6b6b1a;border-left-color:var(--classical-color-error);color:var(--classical-color-text)}@media print{.classical-layout{background:#fff!important;color:#000!important}.classical-card-main,.classical-button,.classical-input{box-shadow:none!important;border:1px solid #ccc!important}.classical-bg-primary,.classical-bg-secondary,.classical-bg-accent{background:#fff!important;color:#000!important;border:1px solid #ccc!important}.classical-fade-in,.classical-slide-in-up,.classical-slide-in-down,.classical-slide-in-left,.classical-slide-in-right{animation:none!important}}.classical-layout{font-family:var(--classical-font-secondary);color:var(--classical-color-text);background-color:var(--classical-color-background);line-height:1.6;min-height:100vh}.classical-container{max-width:1200px;margin:0 auto;padding:0 var(--classical-spacing-md);position:relative}.classical-container-sm{max-width:640px}.classical-container-md{max-width:768px}.classical-container-lg{max-width:1024px}.classical-container-xl{max-width:1280px}.classical-container-full{max-width:none;width:100%}.classical-header-main{font-family:var(--classical-font-decorative);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--classical-color-primary);text-align:center;margin:var(--classical-spacing-xl) 0 var(--classical-spacing-lg) 0;position:relative;line-height:1.2}.classical-header-main:after{content:"";position:absolute;bottom:-var(--classical-spacing-sm);left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--classical-color-accent),transparent)}.classical-header-section{font-family:var(--classical-font-primary);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;color:var(--classical-color-secondary);margin:var(--classical-spacing-lg) 0 var(--classical-spacing-md) 0;position:relative;padding-left:var(--classical-spacing-md)}.classical-header-section:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,var(--classical-color-primary),var(--classical-color-accent));border-radius:2px}.classical-header-subsection{font-family:var(--classical-font-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;color:var(--classical-color-text);margin:var(--classical-spacing-md) 0 var(--classical-spacing-sm) 0;border-bottom:1px solid var(--classical-color-border);padding-bottom:var(--classical-spacing-xs)}.classical-grid{display:grid;gap:var(--classical-spacing-lg);width:100%}.classical-grid-golden{grid-template-columns:1fr 1.618fr}.classical-grid-golden-reverse{grid-template-columns:1.618fr 1fr}.classical-grid-three{grid-template-columns:1fr 2fr 1fr}.classical-grid-center{grid-template-columns:1fr 3fr 1fr}@media (max-width: 768px){.classical-grid-golden,.classical-grid-golden-reverse,.classical-grid-three,.classical-grid-center{grid-template-columns:1fr}}.classical-card-container{display:grid;gap:var(--classical-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.classical-card-main{background:var(--classical-color-background);border:1px solid var(--classical-color-border);border-radius:8px;box-shadow:0 4px 6px -1px var(--classical-color-shadow),0 2px 4px -1px var(--classical-color-shadow);overflow:hidden;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing);position:relative}.classical-card-main:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--classical-color-shadow),0 4px 6px -2px var(--classical-color-shadow)}.classical-card-main:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--classical-color-primary),var(--classical-color-accent))}.classical-card-header{background:linear-gradient(135deg,var(--classical-color-primary) 0%,var(--classical-color-accent) 100%);color:var(--classical-color-background);padding:var(--classical-spacing-md) var(--classical-spacing-lg);font-family:var(--classical-font-decorative);font-weight:700;text-align:center;position:relative}.classical-card-body{padding:var(--classical-spacing-lg)}.classical-card-footer{padding:var(--classical-spacing-md) var(--classical-spacing-lg);border-top:1px solid var(--classical-color-border);background:#f0f0f04d;text-align:center}.classical-form{max-width:600px;margin:0 auto;background:var(--classical-color-background);border:1px solid var(--classical-color-border);border-radius:8px;padding:var(--classical-spacing-xl);box-shadow:0 4px 6px -1px var(--classical-color-shadow)}.classical-form-group{margin-bottom:var(--classical-spacing-lg);position:relative}.classical-form-group-inline{display:flex;align-items:center;gap:var(--classical-spacing-md);flex-wrap:wrap}.classical-form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--classical-spacing-xl);align-items:start}.classical-form-field{position:relative}.classical-form-field:nth-child(2n){padding-left:var(--classical-spacing-lg)}.classical-form-label-group{display:flex;flex-direction:column;gap:var(--classical-spacing-sm)}.classical-form-label{font-family:var(--classical-font-primary);font-weight:500;color:var(--classical-color-text);margin-bottom:var(--classical-spacing-xs);margin-left:var(--classical-spacing-sm);display:block}.classical-form-label-required{position:relative}.classical-form-label-required:after{content:"*";color:var(--classical-color-error);margin-left:var(--classical-spacing-xs)}.classical-radio-group-compact{display:flex;gap:var(--classical-spacing-md);align-items:center;flex-wrap:wrap}.classical-radio-item-compact{display:flex;align-items:center;gap:var(--classical-spacing-xs);min-width:60px;justify-content:flex-start;padding:var(--classical-spacing-xs) var(--classical-spacing-sm);transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-radio-item-compact:hover{background:#d2691e0d}.classical-radio-item-compact input[type=radio]{margin:0}.classical-radio-label-compact{font-family:var(--classical-font-secondary);font-size:.875rem;color:var(--classical-color-text);cursor:pointer;white-space:nowrap;flex:1;text-align:center}@media (max-width: 768px){.classical-form-grid-layout{grid-template-columns:1fr;gap:var(--classical-spacing-md)}.classical-form-field:nth-child(2n){padding-left:0}.classical-radio-group-compact{justify-content:flex-start}}@media (max-width: 480px){.classical-radio-group-compact{flex-direction:column;align-items:flex-start}.classical-radio-item-compact{min-width:auto;width:100%;justify-content:flex-start}.classical-radio-label-compact{text-align:left}}.classical-form-input{width:100%;padding:var(--classical-spacing-sm) var(--classical-spacing-md);border:1px solid var(--classical-color-border);border-radius:4px;font-family:var(--classical-font-secondary);font-size:1rem;background:var(--classical-color-background);transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-form-input:focus{outline:none;border-color:var(--classical-color-primary);box-shadow:0 0 0 3px #d2691e1a}.classical-form-input:invalid{border-color:var(--classical-color-error)}.classical-form-textarea{resize:vertical;min-height:100px}.classical-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.classical-form-radio-group,.classical-form-checkbox-group{display:flex;gap:var(--classical-spacing-md);flex-wrap:wrap}.classical-form-radio-item,.classical-form-checkbox-item{display:flex;align-items:center;gap:var(--classical-spacing-xs);cursor:pointer}.classical-form-actions{display:flex;gap:var(--classical-spacing-md);justify-content:center;margin-top:var(--classical-spacing-xl);flex-wrap:wrap}.classical-nav{background:var(--classical-color-background);border-bottom:1px solid var(--classical-color-border);box-shadow:0 2px 4px var(--classical-color-shadow);position:sticky;top:0;z-index:100}.classical-nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--classical-spacing-md) var(--classical-spacing-lg);max-width:1200px;margin:0 auto}.classical-nav-brand{font-family:var(--classical-font-decorative);font-size:1.5rem;font-weight:700;color:var(--classical-color-primary);text-decoration:none}.classical-nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--classical-spacing-lg)}.classical-nav-item{position:relative}.classical-nav-link{font-family:var(--classical-font-primary);color:var(--classical-color-text);text-decoration:none;padding:var(--classical-spacing-sm) var(--classical-spacing-md);border-radius:4px;transition:all var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-nav-link:hover,.classical-nav-link.active{color:var(--classical-color-primary);background:#d2691e1a}@media (max-width: 768px){.classical-nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--classical-color-background);border-top:1px solid var(--classical-color-border);flex-direction:column;padding:var(--classical-spacing-md);gap:var(--classical-spacing-sm)}.classical-nav-menu.open{display:flex}.classical-nav-toggle{display:block;background:none;border:none;font-size:1.5rem;color:var(--classical-color-text);cursor:pointer}}@media (min-width: 769px){.classical-nav-toggle{display:none}}.classical-content{max-width:800px;margin:0 auto;padding:var(--classical-spacing-xl) var(--classical-spacing-md);line-height:1.8}.classical-content p{margin-bottom:var(--classical-spacing-md);text-align:justify}.classical-content ul,.classical-content ol{margin:var(--classical-spacing-md) 0;padding-left:var(--classical-spacing-xl)}.classical-content li{margin-bottom:var(--classical-spacing-xs)}.classical-content blockquote{border-left:4px solid var(--classical-color-primary);padding-left:var(--classical-spacing-lg);margin:var(--classical-spacing-lg) 0;font-style:italic;color:var(--classical-color-text-secondary);background:#f0f0f04d;padding:var(--classical-spacing-md) var(--classical-spacing-lg);border-radius:0 4px 4px 0}.classical-footer{background:var(--classical-color-secondary);color:var(--classical-color-background);padding:var(--classical-spacing-xl) 0;margin-top:var(--classical-spacing-xxl);position:relative}.classical-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--classical-color-primary),var(--classical-color-accent))}.classical-footer-content{max-width:1200px;margin:0 auto;padding:0 var(--classical-spacing-md);text-align:center}.classical-footer-links{display:flex;justify-content:center;gap:var(--classical-spacing-lg);margin-bottom:var(--classical-spacing-md);flex-wrap:wrap}.classical-footer-link{color:var(--classical-color-background);text-decoration:none;transition:color var(--classical-animation-hover-duration) var(--classical-animation-hover-easing)}.classical-footer-link:hover{color:var(--classical-color-accent)}@media (max-width: 480px){.classical-container{padding:0 var(--classical-spacing-sm)}.classical-form{padding:var(--classical-spacing-lg)}.classical-form-actions{flex-direction:column}.classical-card-container{grid-template-columns:1fr}.classical-content{padding:var(--classical-spacing-lg) var(--classical-spacing-sm)}}@media (min-width: 481px) and (max-width: 768px){.classical-card-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media print{.classical-layout{background:#fff;color:#000}.classical-nav,.classical-footer{display:none}.classical-card-main{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.classical-content{max-width:none;padding:0}}@media (prefers-reduced-motion: reduce){.classical-card-main:hover{transform:none}.classical-nav-link,.classical-form-input{transition:none}}@media (prefers-contrast: high){.classical-card-main,.classical-form-input{border-width:2px}.classical-nav{border-bottom-width:2px}}.classical-layout *:focus-visible{outline:2px solid var(--classical-color-primary);outline-offset:2px;border-radius:2px}.classical-skip-link{position:absolute;top:-40px;left:6px;background:var(--classical-color-primary);color:var(--classical-color-background);padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.classical-skip-link:focus{top:6px}