*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#333;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:0 20px}.app-header{text-align:center;padding:24px 0 12px}.app-header h1{font-size:28px;color:#1a73e8;font-weight:700}.subtitle{color:#666;margin-top:4px;font-size:14px}.tab-nav{display:flex;gap:4px;background:#fff;border-radius:10px;padding:4px;box-shadow:0 1px 4px #00000014;margin-bottom:16px}.tab-btn{flex:1;padding:10px 16px;border:none;background:transparent;font-size:15px;font-weight:500;cursor:pointer;border-radius:8px;color:#555;transition:all .2s}.tab-btn:hover{background:#e8f0fe;color:#1a73e8}.tab-btn.active{background:#1a73e8;color:#fff}.tab-content{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px #00000014;min-height:500px}.app-footer{text-align:center;padding:20px;color:#999;font-size:13px}.form-group{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-group label{min-width:120px;font-weight:500;font-size:14px;text-align:right}.form-group input,.form-group select{padding:6px 10px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#1a73e8}.form-group input{width:120px}.form-group .unit{color:#888;font-size:13px;min-width:40px}.btn{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#1a73e8;color:#fff}.btn-primary:hover{background:#1557b0}.btn-secondary{background:#e8f0fe;color:#1a73e8}.btn-secondary:hover{background:#d2e3fc}.page-layout{display:flex;gap:24px}.sidebar{width:320px;flex-shrink:0}.main-area{flex:1;min-width:0}.section-title{font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e8f0fe}.result-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.result-label{color:#666}.result-value{font-weight:600;color:#1a73e8}.error-msg{background:#fef2f2;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:13px;margin-top:8px}.loading{text-align:center;padding:20px;color:#888}.channel-list{list-style:none;max-height:200px;overflow-y:auto;border:1px solid #d0d5dd;border-radius:6px;padding:4px}.channel-item{padding:6px 10px;cursor:pointer;border-radius:4px;font-size:14px}.channel-item:hover{background:#e8f0fe}.channel-item.selected{background:#1a73e8;color:#fff}@media (max-width: 768px){.page-layout{flex-direction:column}.sidebar{width:100%;flex-shrink:1;max-height:none;overflow-y:visible}.main-area{width:100%;min-height:300px;max-height:none;overflow-y:visible}.app{padding:0 8px}.app-header h1{font-size:20px}.tab-btn{font-size:12px;padding:8px 6px}.form-group label{min-width:90px;font-size:13px}.form-group input{width:80px;font-size:13px}.tab-content{padding:12px 8px}}