:root{--color-primary: #4285f4;--color-primary-hover: #357ae8;--color-primary-disabled: rgba(66, 133, 244, .4);--color-primary-light: rgba(66, 133, 244, .1);--color-primary-shadow: rgba(66, 133, 244, .3);--color-accent-warning: #fbbc05;--color-accent-success: #34a853;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-disabled: #cccccc;--color-text-primary: #1a1a1a;--color-text-secondary: rgba(26, 26, 26, .8);--color-text-tertiary: rgba(26, 26, 26, .6);--color-text-placeholder: #999999;--color-text-link: #4285f4;--color-border-primary: #e5e5e5;--color-border-focus: #4285f4;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--spacing-4xl: 60px;--spacing-5xl: 80px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--shadow-dark-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-dark-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-dark-lg: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-base: .3s ease;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-normal: 1.6;--line-height-relaxed: 1.7;--line-height-loose: 1.8;--header-height: 64px;--container-max-width: 1200px;--content-max-width: 1000px;--input-max-width: 800px;--z-index-header: 100}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-disabled: #333333;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-placeholder: #999999;--color-border-primary: #333333;--shadow-sm: var(--shadow-dark-sm);--shadow-md: var(--shadow-dark-sm);--shadow-lg: var(--shadow-dark-md);--shadow-xl: var(--shadow-dark-lg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:var(--z-index-header);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),border-color var(--transition-base)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl);height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;transition:opacity var(--transition-base)}.logo:hover{opacity:.8}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link,.theme-toggle,.language-toggle{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast);font-family:inherit}.nav-link:hover,.theme-toggle:hover,.language-toggle:hover{background-color:var(--color-bg-secondary)}.theme-toggle,.language-toggle{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);min-width:44px;display:flex;align-items:center;justify-content:center}.language-toggle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.main-content{flex:1;padding:var(--spacing-3xl) var(--spacing-xl);max-width:var(--container-max-width);width:100%;margin:0 auto}.parse-section{padding:var(--spacing-4xl) 0;display:flex;justify-content:center;align-items:flex-start}.parse-container{width:100%;max-width:var(--input-max-width)}.input-group{display:flex;gap:0;margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-primary);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.input-group:focus-within{box-shadow:var(--shadow-lg);border-color:var(--color-border-focus)}.parse-input{flex:1;padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);border:none;outline:none;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit}.parse-input::placeholder{color:var(--color-text-placeholder)}.parse-input:disabled{opacity:.6;cursor:not-allowed}.parse-button{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit;white-space:nowrap}.parse-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.parse-button:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;opacity:1}.result-container{margin-top:var(--spacing-2xl);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.result-item{display:grid;grid-template-columns:100px 1fr auto;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border-primary);align-items:start}.result-item:last-child{border-bottom:none}.result-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);opacity:.8}.result-value{color:var(--color-text-primary);font-size:var(--font-size-sm);word-break:break-word;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.author-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.cover-image{max-width:100%;max-height:300px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-md)}.link-value{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-link);word-break:break-all}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.result-actions{display:flex;gap:var(--spacing-sm);align-items:center}.action-btn{width:32px;height:32px;border:none;background-color:transparent;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);transition:background-color var(--transition-fast);padding:0}.action-btn:hover{background-color:var(--color-bg-secondary)}.stats-item .result-value{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg)}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-primary);opacity:.6}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-placeholder{min-height:400px;padding:var(--spacing-4xl) 0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border-primary)}.section-placeholder:last-child{border-bottom:none}.section-placeholder h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);opacity:.3}.platforms-section{padding:var(--spacing-5xl) 0;border-bottom:1px solid var(--color-border-primary)}.platforms-container{max-width:var(--content-max-width);margin:0 auto}.platforms-count{font-size:var(--font-size-sm);color:var(--color-text-primary);opacity:.6;margin-top:var(--spacing-sm)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.platform-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm)}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-focus)}.platform-logo{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-secondary)}.platform-logo-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.platform-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--spacing-sm)}.how-to-use-section{padding:var(--spacing-5xl) 0;border-bottom:1px solid var(--color-border-primary)}.how-to-use-container{max-width:var(--content-max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-primary);opacity:.7;font-weight:var(--font-weight-normal)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.step-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl) 28px;text-align:left;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-focus)}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.step-description{font-size:15px;color:var(--color-text-primary);opacity:.9;line-height:var(--line-height-relaxed);flex:1;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.info-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl) 28px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;height:100%}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-focus)}.info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.info-list{list-style:none;padding:0;margin:0;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.info-item{font-size:15px;color:var(--color-text-primary);opacity:.9;line-height:var(--line-height-relaxed);padding:var(--spacing-sm) 0}@media(max-width:768px){.header-container{padding:0 var(--spacing-lg)}.header-nav{gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.logo{font-size:var(--font-size-lg)}.main-content{padding:var(--spacing-xl) var(--spacing-lg)}.parse-section{padding:var(--spacing-3xl) 0}.parse-input,.parse-button{padding:14px var(--spacing-xl);font-size:var(--font-size-sm)}.result-card{padding:var(--spacing-lg)}.result-item{grid-template-columns:80px 1fr auto;gap:var(--spacing-md);padding:var(--spacing-md) 0}.result-label{font-size:var(--font-size-xs)}.result-value{font-size:13px}}@media(max-width:480px){.nav-link{display:none}.header-nav{gap:var(--spacing-sm)}.input-group{flex-direction:column;border-radius:var(--radius-md)}.parse-button{width:100%;border-radius:0 0 var(--radius-md) var(--radius-md)}.result-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.result-label{font-weight:var(--font-weight-bold)}.result-actions{justify-content:flex-end;margin-top:var(--spacing-sm)}.stats-item .result-value{grid-template-columns:repeat(2,1fr)}.section-title{font-size:28px}.section-subtitle{font-size:var(--font-size-base)}.steps-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.step-card,.info-card{padding:var(--spacing-xl) var(--spacing-lg)}.info-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.how-to-use-section,.platforms-section{padding:var(--spacing-4xl) 0}.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-lg)}.platform-card{padding:var(--spacing-xl) var(--spacing-md)}.platform-logo{width:56px;height:56px}.section-header{margin-bottom:var(--spacing-3xl)}}.reviews-section{padding:var(--spacing-5xl) 0}.reviews-container{max-width:var(--container-max-width);margin:0 auto}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-4xl)}.review-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl) 28px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-border-focus)}.review-quote{font-size:64px;line-height:1;color:var(--color-primary);opacity:.2;font-family:Georgia,serif;position:absolute;top:var(--spacing-lg);left:28px;font-weight:var(--font-weight-bold)}.review-text{font-size:15px;color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:var(--spacing-lg) 0 var(--spacing-xl) 0;flex:1;opacity:.9}.review-author{margin-top:auto;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.review-author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.review-author-position{font-size:var(--font-size-sm);color:var(--color-text-primary);opacity:.6}@media(max-width:768px){.reviews-section{padding:var(--spacing-4xl) 0}.reviews-grid{grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}.review-card{padding:var(--spacing-xl) var(--spacing-xl)}.review-quote{font-size:48px;top:var(--spacing-md);left:var(--spacing-xl)}.review-text{font-size:var(--font-size-sm);margin:var(--spacing-md) 0 var(--spacing-xl) 0}}@media(max-width:480px){.reviews-section{padding:var(--spacing-3xl) 0}.reviews-grid{gap:var(--spacing-lg)}.review-card{padding:var(--spacing-xl) var(--spacing-lg)}.review-quote{font-size:40px;top:10px;left:var(--spacing-lg)}}.footer{margin-top:auto;border-top:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),border-color var(--transition-base)}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl)}.footer-content{text-align:center}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-primary);opacity:.7;margin:0;line-height:var(--line-height-normal)}@media(max-width:768px){.footer-container{padding:var(--spacing-xl) var(--spacing-lg)}.footer-text{font-size:13px}}@media(max-width:480px){.footer-container{padding:var(--spacing-lg) var(--spacing-md)}.footer-text{font-size:var(--font-size-xs)}}