.app-container{min-height:100vh;background:var(--hw-bg-primary);display:flex;flex-direction:column}.hw-navbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--hw-bg-secondary);backdrop-filter:blur(var(--hw-blur-lg));-webkit-backdrop-filter:blur(var(--hw-blur-lg));display:flex;align-items:center;padding:0 var(--hw-spacing-4);box-shadow:0 1px 0 var(--hw-border-color);z-index:1000}.hw-navbar-content{flex:1;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%}.hw-navbar-title{display:flex;align-items:center;gap:var(--hw-spacing-3);font-size:var(--hw-font-size-lg);font-weight:var(--hw-font-weight-semibold);color:var(--hw-text-primary)}.hw-navbar-logo{width:32px;height:32px;border-radius:var(--hw-radius-sm);object-fit:contain}.hw-main{flex:1;display:flex;justify-content:center;padding-top:calc(56px + var(--hw-spacing-6));padding-bottom:var(--hw-spacing-8);padding-left:var(--hw-spacing-4);padding-right:var(--hw-spacing-4)}.hw-card-container{width:100%;max-width:720px;background:var(--hw-bg-card);border-radius:var(--hw-radius-2xl);box-shadow:var(--hw-shadow-lg);overflow:hidden;margin-bottom:var(--hw-spacing-6)}.hw-tab-bar{display:flex;background:var(--hw-bg-tertiary);padding:var(--hw-spacing-2);gap:var(--hw-spacing-2);border-bottom:1px solid var(--hw-border-color)}.hw-tab-item{flex:1;padding:var(--hw-spacing-3) var(--hw-spacing-4);text-align:center;background:transparent;border:none;border-radius:var(--hw-radius-md);font-size:var(--hw-font-size-sm);font-weight:var(--hw-font-weight-medium);color:var(--hw-text-secondary);cursor:pointer;transition:all var(--hw-duration-normal) var(--hw-easing-emphasized);position:relative;font-family:var(--hw-font-family)}.hw-tab-item:hover{background:var(--hw-bg-card);color:var(--hw-text-primary)}.hw-tab-item.active{background:var(--hw-bg-card);color:var(--hw-color-brand);font-weight:var(--hw-font-weight-semibold);box-shadow:var(--hw-shadow-sm)}.hw-tab-item.active:after{content:"";position:absolute;bottom:calc(var(--hw-spacing-2) * -1);left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--hw-color-brand);border-radius:var(--hw-radius-full)}.hw-content{padding:var(--hw-spacing-6)}.hw-content-title{font-size:var(--hw-font-size-2xl);font-weight:var(--hw-font-weight-bold);color:var(--hw-text-primary);text-align:center;margin-bottom:var(--hw-spacing-6);letter-spacing:-.02em}.hw-form-group{margin-bottom:var(--hw-spacing-5)}.hw-form-group:last-child{margin-bottom:var(--hw-spacing-4)}.hw-form-label{display:block;margin-bottom:var(--hw-spacing-2);font-size:var(--hw-font-size-sm);font-weight:var(--hw-font-weight-medium);color:var(--hw-text-primary);letter-spacing:-.01em}.hw-form-hint{font-size:var(--hw-font-size-xs);color:var(--hw-text-tertiary);margin-top:var(--hw-spacing-1);line-height:var(--hw-line-height-sm)}.hw-input,.hw-textarea,.hw-select{width:100%;padding:var(--hw-spacing-3) var(--hw-spacing-4);background:var(--hw-bg-input);border:1px solid transparent;border-radius:var(--hw-radius-md);font-size:var(--hw-font-size-md);font-family:var(--hw-font-family);color:var(--hw-text-primary);transition:all var(--hw-duration-fast) var(--hw-easing-default);outline:none}.hw-input:hover,.hw-textarea:hover,.hw-select:hover{background:var(--hw-bg-tertiary)}.hw-input:focus,.hw-textarea:focus,.hw-select:focus{background:var(--hw-bg-secondary);border-color:var(--hw-color-brand);box-shadow:0 0 0 3px var(--hw-color-brand-50)}.hw-input::placeholder,.hw-textarea::placeholder{color:var(--hw-text-placeholder)}.hw-textarea{min-height:80px;resize:vertical;font-family:var(--hw-font-family-mono);font-size:var(--hw-font-size-sm);line-height:var(--hw-line-height-lg)}.hw-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--hw-spacing-3) center;background-size:16px;padding-right:var(--hw-spacing-10)}.hw-btn{width:100%;padding:var(--hw-spacing-3) var(--hw-spacing-6);background:var(--hw-color-brand);color:var(--hw-color-white);border:none;border-radius:var(--hw-radius-md);font-size:var(--hw-font-size-md);font-weight:var(--hw-font-weight-semibold);font-family:var(--hw-font-family);cursor:pointer;transition:all var(--hw-duration-normal) var(--hw-easing-emphasized);display:inline-flex;align-items:center;justify-content:center;gap:var(--hw-spacing-2);position:relative;overflow:hidden}.hw-btn:hover{background:var(--hw-color-brand-dark);transform:translateY(-1px);box-shadow:var(--hw-shadow-md)}.hw-btn:active{transform:translateY(0);box-shadow:var(--hw-shadow-sm)}.hw-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--hw-duration-fast)}.hw-btn:hover:after{opacity:1}.hw-btn-secondary{background:var(--hw-bg-tertiary);color:var(--hw-text-primary)}.hw-btn-secondary:hover{background:var(--hw-border-color);box-shadow:var(--hw-shadow-sm)}.hw-btn-success{background:var(--hw-color-success)}.hw-btn-success:hover{background:var(--hw-color-success-dark);box-shadow:0 4px 12px #4cd9644d}.hw-btn-group{display:flex;gap:var(--hw-spacing-3);margin-top:var(--hw-spacing-5)}.hw-btn-group .hw-btn{flex:1;margin-top:0}.hw-output{margin-top:var(--hw-spacing-5);padding:var(--hw-spacing-4);background:var(--hw-bg-tertiary);border-radius:var(--hw-radius-md);border:1px solid var(--hw-border-color);font-family:var(--hw-font-family-mono);font-size:var(--hw-font-size-xs);line-height:var(--hw-line-height-lg);color:var(--hw-text-primary);white-space:pre-wrap;word-break:break-all;max-height:320px;overflow-y:auto}.hw-output strong{color:var(--hw-color-brand);font-weight:var(--hw-font-weight-semibold)}.hw-upload-area{background:var(--hw-color-brand-50);border:2px dashed var(--hw-color-brand-200);border-radius:var(--hw-radius-lg);padding:var(--hw-spacing-5);margin-bottom:var(--hw-spacing-6);transition:all var(--hw-duration-normal) var(--hw-easing-default)}.hw-upload-area:hover{background:var(--hw-color-brand-100);border-color:var(--hw-color-brand)}.hw-upload-title{display:flex;align-items:center;gap:var(--hw-spacing-2);font-size:var(--hw-font-size-md);font-weight:var(--hw-font-weight-semibold);color:var(--hw-color-brand-dark);margin-bottom:var(--hw-spacing-3)}.hw-upload-content{display:flex;gap:var(--hw-spacing-3);align-items:center}.hw-upload-content input[type=file]{flex:1;min-width:0}.hw-sector-group{background:var(--hw-bg-tertiary);border:1px solid var(--hw-border-color);border-radius:var(--hw-radius-md);padding:var(--hw-spacing-4);margin-bottom:var(--hw-spacing-4);transition:all var(--hw-duration-fast) var(--hw-easing-default)}.hw-sector-group:hover{background:var(--hw-bg-input);border-color:var(--hw-color-brand-200)}.hw-sector-label{display:flex;align-items:center;gap:var(--hw-spacing-2);margin-bottom:var(--hw-spacing-2);font-size:var(--hw-font-size-sm);font-weight:var(--hw-font-weight-semibold);color:var(--hw-text-primary)}.hw-sector-label small{font-weight:var(--hw-font-weight-regular);color:var(--hw-text-tertiary);font-size:var(--hw-font-size-xs)}.hw-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--hw-spacing-2);background:var(--hw-color-brand);color:var(--hw-color-white);border-radius:var(--hw-radius-full);font-size:var(--hw-font-size-xs);font-weight:var(--hw-font-weight-medium);line-height:1}.hw-badge-success{background:var(--hw-color-success)}.hw-badge-error{background:var(--hw-color-error)}.hw-badge-warning{background:var(--hw-color-warning)}.hw-divider{height:1px;background:var(--hw-border-color);margin:var(--hw-spacing-6) 0}.hw-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--hw-spacing-4);margin-top:var(--hw-spacing-4)}.hw-alert{padding:var(--hw-spacing-4);border-radius:var(--hw-radius-md);margin-bottom:var(--hw-spacing-4);font-size:var(--hw-font-size-sm);display:flex;align-items:flex-start;gap:var(--hw-spacing-3)}.hw-alert-info{background:var(--hw-color-brand-50);border:1px solid var(--hw-color-brand-100);color:var(--hw-color-brand-dark)}.hw-alert-success{background:#e8f5e9;border:1px solid #C8E6C9;color:#2e7d32}.hw-alert-error{background:#ffebee;border:1px solid #FFCDD2;color:#c62828}.hw-alert-warning{background:#fff3e0;border:1px solid #FFE0B2;color:#e65100}@keyframes hw-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hw-animate-in{animation:hw-fade-in var(--hw-duration-normal) var(--hw-easing-emphasized)}.hw-ripple{position:relative;overflow:hidden}.hw-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hw-ripple:active:before{width:300px;height:300px}@media (max-width: 768px){.hw-navbar{padding:0 var(--hw-spacing-3)}.hw-navbar-title{font-size:var(--hw-font-size-md)}.hw-main{padding-top:calc(56px + var(--hw-spacing-4));padding-left:var(--hw-spacing-3);padding-right:var(--hw-spacing-3)}.hw-content{padding:var(--hw-spacing-4)}.hw-content-title{font-size:var(--hw-font-size-xl)}.hw-btn-group{flex-direction:column}.hw-form-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--hw-color-brand: #007DFF;--hw-color-brand-dark: #005FD1;--hw-color-brand-light: #3695FF;--hw-color-brand-50: #E6F1FF;--hw-color-brand-100: #B3D9FF;--hw-color-brand-200: #80BFFF;--hw-color-success: #4CD964;--hw-color-success-dark: #34C759;--hw-color-warning: #FF9500;--hw-color-error: #FF3B30;--hw-color-info: #007AFF;--hw-color-black: #000000;--hw-color-white: #FFFFFF;--hw-color-gray-900: #1A1A1A;--hw-color-gray-800: #333333;--hw-color-gray-700: #4D4D4D;--hw-color-gray-600: #666666;--hw-color-gray-500: #8C8C8C;--hw-color-gray-400: #B3B3B3;--hw-color-gray-300: #D9D9D9;--hw-color-gray-200: #E5E5E5;--hw-color-gray-100: #F0F0F0;--hw-color-gray-50: #F5F5F5;--hw-bg-primary: #F2F2F7;--hw-bg-secondary: #FFFFFF;--hw-bg-tertiary: #F5F5F5;--hw-bg-card: #FFFFFF;--hw-bg-input: #F5F5F5;--hw-text-primary: #1A1A1A;--hw-text-secondary: #666666;--hw-text-tertiary: #999999;--hw-text-disabled: #CCCCCC;--hw-text-placeholder: #B3B3B3;--hw-text-link: #007DFF;--hw-border-color: #E5E5E5;--hw-border-light: #F0F0F0;--hw-divider-color: #E5E5E5;--hw-radius-xs: 4px;--hw-radius-sm: 8px;--hw-radius-md: 12px;--hw-radius-lg: 16px;--hw-radius-xl: 20px;--hw-radius-2xl: 24px;--hw-radius-full: 9999px;--hw-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);--hw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--hw-shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--hw-shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--hw-shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--hw-shadow-float: 0 6px 24px rgba(0, 0, 0, .1);--hw-font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;--hw-font-family-mono: "HarmonyOS Sans Mono", "Consolas", "Monaco", monospace;--hw-font-size-xs: 11px;--hw-font-size-sm: 13px;--hw-font-size-md: 15px;--hw-font-size-lg: 17px;--hw-font-size-xl: 19px;--hw-font-size-2xl: 23px;--hw-font-size-3xl: 27px;--hw-font-weight-regular: 400;--hw-font-weight-medium: 500;--hw-font-weight-semibold: 600;--hw-font-weight-bold: 700;--hw-line-height-none: 1;--hw-line-height-sm: 1.25;--hw-line-height-md: 1.5;--hw-line-height-lg: 1.625;--hw-spacing-0: 0;--hw-spacing-1: 4px;--hw-spacing-2: 8px;--hw-spacing-3: 12px;--hw-spacing-4: 16px;--hw-spacing-5: 20px;--hw-spacing-6: 24px;--hw-spacing-7: 28px;--hw-spacing-8: 32px;--hw-spacing-9: 36px;--hw-spacing-10: 40px;--hw-spacing-12: 48px;--hw-spacing-16: 64px;--hw-duration-fast: .15s;--hw-duration-normal: .25s;--hw-duration-slow: .35s;--hw-easing-default: cubic-bezier(.4, 0, .2, 1);--hw-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--hw-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--hw-blur-sm: 4px;--hw-blur-md: 8px;--hw-blur-lg: 16px;--hw-blur-xl: 24px;--hw-glass-bg: rgba(255, 255, 255, .7);--hw-glass-border: rgba(255, 255, 255, .5);--hw-glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07)}body{font-family:var(--hw-font-family);font-size:var(--hw-font-size-md);font-weight:var(--hw-font-weight-regular);line-height:var(--hw-line-height-md);color:var(--hw-text-primary);background:var(--hw-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hw-color-gray-300);border-radius:var(--hw-radius-full);transition:background var(--hw-duration-fast) var(--hw-easing-default)}::-webkit-scrollbar-thumb:hover{background:var(--hw-color-gray-400)}::selection{background:var(--hw-color-brand-200);color:var(--hw-color-gray-900)}:focus-visible{outline:2px solid var(--hw-color-brand);outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}