班兹哈夫指数计算器

作者: Neo Huang
审查者: Nancy Deng
最后更新: 2024-10-03 16:56:52
使用次数: 8346
标签: Politics Power Index Voting
欢迎加入官方 QQ 用户交流群，群号: 960855308
有任何问题或者新的计算器添加都可以提出，我们负责免费修正和实现提高你的工作效率。
总票数:
投票权重 (逗号分隔):
通过票数:
班茨哈夫权力指数:
      </div>
    </div>
  </div></form>
</div>

<script>
Vue.createApp({
  data() {
    return {
      totalVotes: 0,
      voteWeights: '',
      quota: 0,
      banzhafIndex: ''
    };
  },
  methods: {
    calculateBanzhafIndex() {
      const weights = this.voteWeights.split(',').map(Number);
      const powerIndices = new Array(weights.length).fill(0);
      const totalCombinations = Math.pow(2, weights.length);
      
      for (let i = 1; i < totalCombinations; i++) {
        let sum = 0;
        for (let j = 0; j < weights.length; j++) {
          if (i & (1 << j)) sum += weights[j];
        }
        
        if (sum >= this.quota) {
          for (let j = 0; j < weights.length; j++) {
            if (i & (1 << j)) {
              const withoutPlayerJ = i & ~(1 << j);
              let sumWithoutJ = 0;
              for (let k = 0; k < weights.length; k++) {
                if (withoutPlayerJ & (1 << k)) sumWithoutJ += weights[k];
              }
              
              if (sumWithoutJ < this.quota) {
                powerIndices[j]++;
              }
            }
          }
        }
      }

      const totalPower = powerIndices.reduce((acc, val) => acc + val, 0);
      this.banzhafIndex = powerIndices.map(pi => (pi / totalPower).toFixed(4)).join(', ');
    },
    resetForm() {
      this.totalVotes = 0;
      this.voteWeights = '';
      this.quota = 0;
      this.banzhafIndex = '';
    }
  }
}).mount('#banzhafIndexCalculator');
</script>
            </div>

            <!-- Footer Elements -->
            <div class="text-center mt-6 text-slate-500">
                Powered by @Calculator Ultra            </div>
            <div class="flex items-center justify-center mt-3">
                <div>
                <div id="share" class="inline flex">
    <div class="inline flex items-center cursor-pointer text-blue-600 font-bold" @click="showShare=true">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
            <path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" />
        </svg>
分享    </div>

    <div class="inline ml-2 flex items-center cursor-pointer text-blue-600 font-bold" @click="openShareUrl('embed')">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
            <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
        </svg>
嵌入    </div>

    <div v-if="showShare" style="display: none" :style="{ display: showShare ? 'block' : 'none' }" class="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
        <!--
    Background backdrop, show/hide based on modal state.

    Entering: "ease-out duration-300"
            From: "opacity-0"
            To: "opacity-100"
          Leaving: "ease-in duration-200"
            From: "opacity-100"
            To: "opacity-0"
    -->
        <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>

        <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
            <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
                <!--
    Modal panel, show/hide based on modal state.

    Entering: "ease-out duration-300"
                    From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    To: "opacity-100 translate-y-0 sm:scale-100"
                  Leaving: "ease-in duration-200"
                    From: "opacity-100 translate-y-0 sm:scale-100"
                    To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    -->
                <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg">
                    <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
                        <div class="">
                            <div class="flex">
                                <div class="w-full"></div>
                                <div class="mb-2 cursor-pointer" @click="showShare=false">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                                    </svg>
                                </div>
                            </div>
                            <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
                                <h3 class="text-red-600 text-2xl font-bold mb-2 text-center text-gray-900" id="modal-title">分享这个计算器</h3>
                                <div class="mt-10 mb-10">
                                    <div class="flex justify-around my-4 " @click="openShareUrl('f')">
                                        <!--FACEBOOK ICON-->
                                        <div class="hidden border hover:bg-[#1877f2] w-12 h-12 fill-[#1877f2] hover:fill-white border-blue-200 rounded-full flex items-center justify-center shadow-xl hover:shadow-blue-500/50 cursor-pointer">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path d="M13.397 20.997v-8.196h2.765l.411-3.209h-3.176V7.548c0-.926.258-1.56 1.587-1.56h1.684V3.127A22.336 22.336 0 0 0 14.201 3c-2.444 0-4.122 1.492-4.122 4.231v2.355H7.332v3.209h2.753v8.202h3.312z"></path>
                                            </svg>
                                        </div>
                                        <!--TWITTER ICON-->
                                        <div @click="openShareUrl('t')" class="border hover:bg-[#1d9bf0] w-12 h-12 fill-[#1d9bf0] hover:fill-white border-blue-200 rounded-full flex items-center justify-center shadow-xl hover:shadow-sky-500/50 cursor-pointer">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"></path>
                                            </svg>
                                        </div>
                                        <!--INSTAGRAM ICON-->
                                        <div  @click="openShareUrl('instagram')"  class="border hover:bg-[#bc2a8d] w-12 h-12 fill-[#bc2a8d] hover:fill-white border-pink-200 rounded-full flex items-center justify-center shadow-xl hover:shadow-pink-500/50 cursor-pointer">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"></path>
                                                <circle cx="16.806" cy="7.207" r="1.078"></circle>
                                                <path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"></path>
                                            </svg>
                                        </div>

                                        <!--WHATSAPP ICON-->
                                        <div  @click="openShareUrl('whats')"  class="border hover:bg-[#25D366] w-12 h-12 fill-[#25D366] hover:fill-white border-green-200 rounded-full flex items-center justify-center shadow-xl hover:shadow-green-500/50 cursor-pointer">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M18.403 5.633A8.919 8.919 0 0 0 12.053 3c-4.948 0-8.976 4.027-8.978 8.977 0 1.582.413 3.126 1.198 4.488L3 21.116l4.759-1.249a8.981 8.981 0 0 0 4.29 1.093h.004c4.947 0 8.975-4.027 8.977-8.977a8.926 8.926 0 0 0-2.627-6.35m-6.35 13.812h-.003a7.446 7.446 0 0 1-3.798-1.041l-.272-.162-2.824.741.753-2.753-.177-.282a7.448 7.448 0 0 1-1.141-3.971c.002-4.114 3.349-7.461 7.465-7.461a7.413 7.413 0 0 1 5.275 2.188 7.42 7.42 0 0 1 2.183 5.279c-.002 4.114-3.349 7.462-7.461 7.462m4.093-5.589c-.225-.113-1.327-.655-1.533-.73-.205-.075-.354-.112-.504.112s-.58.729-.711.879-.262.168-.486.056-.947-.349-1.804-1.113c-.667-.595-1.117-1.329-1.248-1.554s-.014-.346.099-.458c.101-.1.224-.262.336-.393.112-.131.149-.224.224-.374s.038-.281-.019-.393c-.056-.113-.505-1.217-.692-1.666-.181-.435-.366-.377-.504-.383a9.65 9.65 0 0 0-.429-.008.826.826 0 0 0-.599.28c-.206.225-.785.767-.785 1.871s.804 2.171.916 2.321c.112.15 1.582 2.415 3.832 3.387.536.231.954.369 1.279.473.537.171 1.026.146 1.413.089.431-.064 1.327-.542 1.514-1.066.187-.524.187-.973.131-1.067-.056-.094-.207-.151-.43-.263"></path>
                                            </svg>
                                        </div>

                                        <!--TELEGRAM ICON-->
                                        <div  @click="openShareUrl('telegram')"  class="border hover:bg-[#229ED9] w-12 h-12 fill-[#229ED9] hover:fill-white border-sky-200 rounded-full flex items-center justify-center shadow-xl hover:shadow-sky-500/50 cursor-pointer">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                <path d="m20.665 3.717-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="border-2 border-gray-200 flex justify-between items-center mt-4 py-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-gray-500 ml-2">
                                <path d="M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z"></path>
                                <path d="m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z"></path>
                            </svg>

                            <input class="w-full outline-none bg-transparent" type="text" placeholder="link" v-model="url">

                            <button class="bg-red-500 text-white rounded text-sm py-1 px-3 mr-2 hover:bg-indigo-600" @click="copy">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
                                </svg>
                            </button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script>
    Vue.createApp({
        data() {
            return {
                showShare: false,
                url:window.location.href + '#' + window.document.title,
                title:window.document.title,
            }
        },
        methods: {
            toggleModal() {
                this.showShare = !this.showShare
            },
            openShareUrl(type){
                if (type == 't'){
                    url = "https://twitter.com/share?text="+this.title+"&url="+this.url+"&hashtags=calculatorultra";
                }else if(type == 'embed'){
                    url = "/en/widget?url="+this.url;
                }else if(type == 'instagram'){
                    url = "https://www.instagram.com/sharer.php?u="+this.url;
                }else if(type == 'whats'){
                    url = "https://api.whatsapp.com/send?text=" + this.title + "    "  +this.url;
                }else if(type == 'telegram'){
                    // url = "https://twitter.com/share?text="+this.title+"&url="+this.url+"&hashtags=calculatorultra";
                    url = "https://telegram.me/share/url?url="+this.url+"&text=" + this.title
                }
                window.open(url)
            },
            copy(){
                navigator.clipboard.writeText(this.url + "#" + this.title)
                alert("Copied!");
            },
        }
    }).mount('#share');
</script>
                </div>
            </div>

            <div id="unit-converter" class="bg-white rounded-xl shadow-lg border border-slate-100 p-6 my-8">
    <div class="w-full">
        <!-- Header Section -->
        <div class="flex items-center justify-between mb-4 border-b border-slate-200 pb-3">
            <h2 class="text-2xl font-semibold text-blue-600 flex items-center">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M13 17H11V13H9V11H11V7H13V11H15V13H13V17Z" />
                </svg>
                单位转换器            </h2>
            <button 
                @click="toggleShow" 
                class="text-blue-500 hover:text-blue-700 focus:outline-none transition-colors"
                :aria-expanded="isShow">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 transition-transform" :class="{'rotate-180': !isShow}" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
                </svg>
            </button>
        </div>

        <!-- Converter Content -->
        <div v-if="isShow" class="transition-all duration-300">
            <!-- Unit Type Selector -->
            <div class="mb-4">
                <label for="unit-type" class="block text-sm font-medium text-slate-700 mb-1">选择单位类型</label>
                <select 
                    id="unit-type"
                    class="w-full rounded-md border-slate-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50 py-2 px-3 bg-white"
                    v-model="selectedType" 
                    @change="updateUnits">
                    <option disabled value="">选择单位类型</option>
                    <option value="length">长度</option>
                    <option value="area">面积</option>
                    <option value="volume">体积</option>
                    <option value="mass">质量</option>
                    <option value="temperature">温度</option>
                    <option value="speed">速度</option>
                    <option value="time">时间</option>
                    <option value="energy">能量</option>
                    <option value="power">功率</option>
                    <option value="pressure">压力</option>
                    <option value="filesize">文件大小</option>
                </select>
            </div>

            <!-- Conversion Interface -->
            <div class="bg-slate-50 rounded-lg p-4">
                <!-- Input Fields -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                    <!-- From Value -->
                    <div class="space-y-2">
                        <label class="block text-sm font-medium text-slate-700">From</label>
                        <div class="relative rounded-md shadow-sm">
                            <input 
                                type="text" 
                                v-model="fromValue" 
                                @input="convert"
                                class="block w-full rounded-md border-slate-300 focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50 py-2 px-3" 
                                placeholder="Enter value" />
                        </div>
                    </div>
                    
                    <!-- To Value -->
                    <div class="space-y-2">
                        <label class="block text-sm font-medium text-slate-700">To</label>
                        <div class="relative rounded-md shadow-sm">
                            <input 
                                type="text" 
                                :value="toValue" 
                                readonly
                                class="block w-full rounded-md border-slate-300 bg-slate-100 py-2 px-3 text-slate-700" />
                        </div>
                    </div>
                </div>
                
                <!-- Unit Selectors -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <!-- From Unit -->
                    <div class="space-y-2">
                        <label class="block text-sm font-medium text-slate-700">From Unit</label>
                        <div class="relative">
                            <div class="overflow-y-auto border border-slate-300 rounded-md bg-white max-h-60">
                                <ul class="divide-y divide-slate-200">
                                    <li 
                                        v-for="unit in units" 
                                        :key="unit.value"
                                        @click="fromUnit = unit; convert()"
                                        class="p-3 hover:bg-blue-50 cursor-pointer transition-colors"
                                        :class="{'bg-blue-100': fromUnit === unit}">
                                        {{ unit.name }}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <!-- To Unit -->
                    <div class="space-y-2">
                        <label class="block text-sm font-medium text-slate-700">To Unit</label>
                        <div class="relative">
                            <div class="overflow-y-auto border border-slate-300 rounded-md bg-white max-h-60">
                                <ul class="divide-y divide-slate-200">
                                    <li 
                                        v-for="unit in units" 
                                        :key="unit.value"
                                        @click="toUnit = unit; convert()"
                                        class="p-3 hover:bg-blue-50 cursor-pointer transition-colors"
                                        :class="{'bg-blue-100': toUnit === unit}">
                                        {{ unit.name }} 
                                        <span class="ml-1 text-sm text-slate-500" v-if="fromUnit && fromValue">
                                            ({{updateToValue(fromUnit, unit, fromValue)}})
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const app = Vue.createApp({
        data() {
            return {
                selectedType: 'length',
                //体积、质量、温度、速度、时间、能量、功率和压力
                unitTypes: {
                    length: [
                        { name: 'Meter (m)', value: 'meter', conversion: 1 },
                        { name: 'Kilometer (km)', value: 'kilometer', conversion: 0.001 },
                        { name: 'Centimeter (cm)', value: 'centimeter', conversion: 100 },
                        { name: 'Millimeter (mm)', value: 'millimeter', conversion: 1000 },
                        { name: 'Micrometer (µm)', value: 'micrometer', conversion: 1000000 },
                        { name: 'Nanometer (nm)', value: 'nanometer', conversion: 1000000000 },
                        { name: 'Mile (mi)', value: 'mile', conversion: 0.000621371 },
                        { name: 'Yard (yd)', value: 'yard', conversion: 1.09361 },
                        { name: 'Foot (ft)', value: 'foot', conversion: 3.28084 },
                        { name: 'Inch (in)', value: 'inch', conversion: 39.3701 },
                    ],
                    area: [
                        { name: 'Square Meter (m^2)', value: 'sqmeter', conversion: 1 },
                        { name: 'Square Kilometer (km^2)', value: 'sqkilometer', conversion: 0.000001 },
                        { name: 'Square Mile (mi^2)', value: 'sqmile', conversion: 0.000000386102 },
                        { name: 'Square Yard (yd^2)', value: 'sqyard', conversion: 1.19599 },
                        { name: 'Square Foot (ft^2)', value: 'sqfoot', conversion: 10.7639 },
                        { name: 'Square Inch (in^2)', value: 'sqinch', conversion: 1550 },
                        { name: 'Hectare (ha)', value: 'hectare', conversion: 0.0001 },
                        { name: 'Acre', value: 'acre', conversion: 0.000247105 },
                    ],
                    volume: [
                        { name: 'Cubic Meter (m³)', value: 'cubicmeter', conversion: 1 },
                        { name: 'Liter (L)', value: 'liter', conversion: 1000 },
                        { name: 'Milliliter (mL)', value: 'milliliter', conversion: 1000000 },
                        { name: 'Cubic Kilometer (km³)', value: 'cubickilometer', conversion: 1e-9 },
                        { name: 'Cubic Centimeter (cm³)', value: 'cubiccentimeter', conversion: 1e+6 },
                        { name: 'Cubic Millimeter (mm³)', value: 'cubicmillimeter', conversion: 1e+9 },
                        { name: 'Gallon (US gal)', value: 'gallon_us', conversion: 264.172 },
                        { name: 'Gallon (UK gal)', value: 'gallon_uk', conversion: 219.969 },
                        { name: 'Fluid Ounce (US fl oz)', value: 'fluid_ounce_us', conversion: 33814.023 },
                        { name: 'Fluid Ounce (UK fl oz)', value: 'fluid_ounce_uk', conversion: 35195.08 },
                        { name: 'Cubic Foot (ft³)', value: 'cubic_foot', conversion: 35.3147 },
                        { name: 'Cubic Inch (in³)', value: 'cubic_inch', conversion: 61023.7 },
                        { name: 'Cubic Yard (yd³)', value: 'cubic_yard', conversion: 1.30795 },
                        { name: 'Teaspoon (tsp)', value: 'teaspoon', conversion: 202884.14 },
                        { name: 'Tablespoon (tbsp)', value: 'tablespoon', conversion: 67628.05 },
                        { name: 'Cord (cd)', value: 'cord', conversion: 2.3991e-6 },
                        { name: 'Board Foot (fbm)', value: 'board_foot', conversion: 423.776 },
                        { name: 'Pint (US pt)', value: 'pint_us', conversion: 2113.38 },
                        { name: 'Pint (UK pt)', value: 'pint_uk', conversion: 1759.75 },
                        { name: 'Quart (US qt)', value: 'quart_us', conversion: 1056.69 },
                        { name: 'Quart (UK qt)', value: 'quart_uk', conversion: 879.878 },
                    ],
                    mass: [
                        { name: 'Kilogram (kg)', value: 'kilogram', conversion: 1 },
                        { name: 'Gram (g)', value: 'gram', conversion: 1000 },
                        { name: 'Milligram (mg)', value: 'milligram', conversion: 1000000 },
                        { name: 'Metric Ton (tonne)', value: 'metric_ton', conversion: 0.001 },
                        { name: 'Pound (lb)', value: 'pound', conversion: 2.20462 },
                        { name: 'Ounce (oz)', value: 'ounce', conversion: 35.27396 },
                        { name: 'Stone (st)', value: 'stone', conversion: 0.15747 },
                        { name: 'Carat (ct)', value: 'carat', conversion: 5000 },
                        { name: 'Microgram (μg)', value: 'microgram', conversion: 1000000000 },
                        { name: 'Dram (dr)', value: 'dram', conversion: 564.3834 },
                        { name: 'Grain (gr)', value: 'grain', conversion: 15432.36 },
                        { name: 'Hundredweight (cwt)', value: 'hundredweight', conversion: 0.02205 },
                        { name: 'Quarter (qr)', value: 'quarter', conversion: 0.07874 },
                        { name: 'Short Ton (US ton)', value: 'short_ton', conversion: 0.001102 },
                        { name: 'Long Ton (UK ton)', value: 'long_ton', conversion: 0.000984 },
                        { name: 'Atomic Mass Unit (u)', value: 'atomic_mass_unit', conversion: 6.0221415e+26 },
                        { name: 'Solar Mass (M☉)', value: 'solar_mass', conversion: 1.98847e-30 },
                        { name: 'Planck Mass', value: 'planck_mass', conversion: 2.17651e-8 },
                        { name: 'Earth Mass (M⊕)', value: 'earth_mass', conversion: 2.204623 },
                        { name: 'Jupiter Mass (Mj)', value: 'jupiter_mass', conversion: 0.00000303 },
                        { name: 'Neutron Mass (m_n)', value: 'neutron_mass', conversion: 1.6749275e-27 }
                    ],
                    temperature: [
                        { name: 'Celsius (°C)', value: 'celsius', conversion: 1, formula: (c) => c, reverseFormula: (c) => c },
                        { name: 'Fahrenheit (°F)', value: 'fahrenheit', conversion: 1, formula: (c) => (c * 9/5) + 32, reverseFormula: (f) => (f - 32) * 5/9 },
                        { name: 'Kelvin (K)', value: 'kelvin', conversion: 1, formula: (c) => c + 273.15, reverseFormula: (k) => k - 273.15 },
                        { name: 'Rankine (°Ra)', value: 'rankine', conversion: 1, formula: (c) => (c + 273.15) * 9/5, reverseFormula: (ra) => (ra - 491.67) * 5/9 },
                        { name: 'Delisle (°De)', value: 'delisle', conversion: 1, formula: (c) => (100 - c) * (3/2), reverseFormula: (de) => 100 - (de * 2/3) },
                        { name: 'Newton (°N)', value: 'newton', conversion: 1, formula: (c) => c * (33/100), reverseFormula: (n) => n * 100/33 },
                        { name: 'Réaumur (°Re)', value: 'reaumur', conversion: 1, formula: (c) => c * (4/5), reverseFormula: (re) => re * 5/4 },
                        { name: 'Rømer (°Rø)', value: 'romer', conversion: 1, formula: (c) => c * (21/40) + 7.5, reverseFormula: (ro) => (ro - 7.5) * (40/21) },
                        { name: 'Planck Temperature (Tp)', value: 'planck_temperature', conversion: 1, formula: (c) => c * 1.416808e+32, reverseFormula: (tp) => tp / 1.416808e+32 },
                    ],
                    speed: [
                        { name: 'Meters per Second (m/s)', value: 'meterspersecond', conversion: 1 },
                        { name: 'Kilometers per Hour (km/h)', value: 'kilometersperhour', conversion: 3.6 },
                        { name: 'Miles per Hour (mph)', value: 'milesperhour', conversion: 2.23694 },
                        { name: 'Knot (kn)', value: 'knot', conversion: 1.94384 },
                        { name: 'Feet per Second (ft/s)', value: 'feetpersecond', conversion: 3.28084 },
                        { name: 'Inches per Second (in/s)', value: 'inchespersecond', conversion: 39.3701 },
                        { name: 'Yard per Second (yd/s)', value: 'yardpersecond', conversion: 1.09361 },
                        { name: 'Mach (Ma)', value: 'mach', conversion: 0.00293858 },
                        { name: 'Speed of Light (c)', value: 'speedoflight', conversion: 299792458 },
                        { name: 'Speed of Sound (at sea level)', value: 'speedofsound', conversion: 343 },
                        { name: 'Furlong per Fortnight (f/fn)', value: 'furlongperfortnight', conversion: 92503.2 },
                        { name: 'Mach (SI)', value: 'mach_si', conversion: 340.29 },
                        { name: 'Kilometers per Second (km/s)', value: 'kilometerspersecond', conversion: 0.001 },
                        { name: 'Light Speed (LS)', value: 'lightspeed', conversion: 1.057e-9 },
                        { name: 'Miles per Second (mi/s)', value: 'milespersecond', conversion: 0.000621371 },
                        { name: 'Speed of Sound (at altitude)', value: 'speedofsound_altitude', conversion: 295.07 },
                        { name: 'Miles per Minute (mi/min)', value: 'milesperminute', conversion: 37.2823 },
                        { name: 'Yard per Minute (yd/min)', value: 'yardperminute', conversion: 65.6168 },
                        { name: 'Furlong per Minute (f/min)', value: 'furlongperminute', conversion: 15432.4 },
                        { name: 'Mach (ISA)', value: 'mach_isa', conversion: 331.4 },
                    ],
                    time: [
                        { name: 'Second (s)', value: 'second', conversion: 1 },
                        { name: 'Minute (min)', value: 'minute', conversion: 1/60 },
                        { name: 'Hour (h)', value: 'hour', conversion: 1/3600 },
                        { name: 'Day (d)', value: 'day', conversion: 1/86400 },
                        { name: 'Week (wk)', value: 'week', conversion: 1/604800 },
                        { name: 'Fortnight (fn)', value: 'fortnight', conversion: 1/1209600 },
                        { name: 'Month (30 days)', value: 'month_30', conversion: 1/2592000 },
                        { name: 'Month (31 days)', value: 'month_31', conversion: 1/2678400 },
                        { name: 'Year (365 days)', value: 'year_365', conversion: 1/31536000 },
                        { name: 'Year (366 days, leap year)', value: 'year_leap', conversion: 1/31622400 },
                        { name: 'Nanosecond (ns)', value: 'nanosecond', conversion: 1e+9 },
                        { name: 'Microsecond (µs)', value: 'microsecond', conversion: 1e+6 },
                        { name: 'Millisecond (ms)', value: 'millisecond', conversion: 1e+3 },
                        { name: 'Decisecond (ds)', value: 'decisecond', conversion: 10 },
                        { name: 'Centisecond (cs)', value: 'centisecond', conversion: 100 },
                        { name: 'Picosecond (ps)', value: 'picosecond', conversion: 1e+12 },
                        { name: 'Femtosecond (fs)', value: 'femtosecond', conversion: 1e+15 },
                        { name: 'Attosecond (as)', value: 'attosecond', conversion: 1e+18 },
                        { name: 'Shake (s)', value: 'shake', conversion: 1e+8 },
                        { name: 'Planck Time (tP)', value: 'planck_time', conversion: 5.39116e-44 },

                    ],
                    energy: [
                        { name: 'Joule (J)', value: 'joule', conversion: 1 },
                        { name: 'Kilojoule (kJ)', value: 'kilojoule', conversion: 0.001 },
                        { name: 'Calorie (cal)', value: 'calorie', conversion: 0.239006 },
                        { name: 'Kilocalorie (kcal)', value: 'kilocalorie', conversion: 0.000239006 },
                        { name: 'Watt-Hour (Wh)', value: 'watt_hour', conversion: 0.000277778 },
                        { name: 'Kilowatt-Hour (kWh)', value: 'kilowatt_hour', conversion: 2.7778e-7 },
                        { name: 'Megajoule (MJ)', value: 'megajoule', conversion: 0.000001 },
                        { name: 'Gigajoule (GJ)', value: 'gigajoule', conversion: 1e-9 },
                        { name: 'British Thermal Unit (BTU)', value: 'btu', conversion: 0.000947817 },
                        { name: 'Foot-Pound (ft-lb)', value: 'foot_pound', conversion: 0.737562 },
                        { name: 'Electronvolt (eV)', value: 'electronvolt', conversion: 6.242e+12 },
                        { name: 'Hartree (Eh)', value: 'hartree', conversion: 2.29371e+17 },
                        { name: 'Thermal Calorie (th cal)', value: 'thermal_calorie', conversion: 0.238846 },
                        { name: 'Thermal BTU (th BTU)', value: 'thermal_btu', conversion: 0.000948451 },
                        { name: 'Quad (quad)', value: 'quad', conversion: 2.3885e-16 },
                        { name: 'Megaton of TNT (Mt TNT)', value: 'megaton_tnt', conversion: 2.3901e-13 },
                        { name: 'Erg (erg)', value: 'erg', conversion: 10000000 },
                        { name: 'Therm (therm)', value: 'therm', conversion: 9.4782e-9 },
                        { name: 'Foot-Poundal (ft-pdl)', value: 'foot_poundal', conversion: 23.7304 },
                        { name: 'Pound-Force Foot (lbf-ft)', value: 'pound_force_foot', conversion: 0.737562 },
                    ],
                    power: [
                        { name: 'Watt (W)', value: 'watt', conversion: 1 },
                        { name: 'Kilowatt (kW)', value: 'kilowatt', conversion: 0.001 },
                        { name: 'Horsepower (hp)', value: 'horsepower', conversion: 0.00134102 },
                        { name: 'Megawatt (MW)', value: 'megawatt', conversion: 0.000001 },
                        { name: 'Gigawatt (GW)', value: 'gigawatt', conversion: 1e-9 },
                        { name: 'Terawatt (TW)', value: 'terawatt', conversion: 1e-12 },
                        { name: 'Watt (SI)', value: 'watt_si', conversion: 1 },
                        { name: 'Joule per Second (J/s)', value: 'joule_per_second', conversion: 1 },
                        { name: 'Electronvolt per Second (eV/s)', value: 'electronvolt_per_second', conversion: 6.242e+12 },
                        { name: 'British Thermal Unit per Hour (BTU/h)', value: 'btu_per_hour', conversion: 3.41214 },
                        { name: 'Foot-Pound Force per Second (ft-lbf/s)', value: 'foot_pound_force_per_second', conversion: 0.737562 },
                        { name: 'Calorie per Second (cal/s)', value: 'calorie_per_second', conversion: 0.239006 },
                        { name: 'Hartree Energy per Second (Eh/s)', value: 'hartree_energy_per_second', conversion: 2.29371e+17 },
                        { name: 'Thermal Calorie per Second (th cal/s)', value: 'thermal_calorie_per_second', conversion: 0.238846 },
                        { name: 'Thermal British Thermal Unit per Second (th BTU/s)', value: 'thermal_btu_per_second', conversion: 0.000948451 },
                        { name: 'Horsepower (metric) (hp)', value: 'horsepower_metric', conversion: 0.00135962 },
                        { name: 'Erg per Second (erg/s)', value: 'erg_per_second', conversion: 10000000 },
                        { name: 'Kilocalorie per Hour (kcal/h)', value: 'kilocalorie_per_hour', conversion: 860.421 },
                        { name: 'Pferdestärke (PS)', value: 'pferdestarke', conversion: 0.00135962 },
                        { name: 'Water Horsepower (whp)', value: 'water_horsepower', conversion: 0.000101942 },

                    ],
                    pressure: [
                        { name: 'Pascal (Pa)', value: 'pascal', conversion: 1 },
                        { name: 'Kilopascal (kPa)', value: 'kilopascal', conversion: 0.001 },
                        { name: 'Bar', value: 'bar', conversion: 0.00001 },
                        { name: 'Megapascal (MPa)', value: 'megapascal', conversion: 0.000001 },
                        { name: 'Gigapascal (GPa)', value: 'gigapascal', conversion: 1e-9 },
                        { name: 'Hectopascal (hPa)', value: 'hectopascal', conversion: 0.01 },
                        { name: 'Atmosphere (atm)', value: 'atmosphere', conversion: 9.8692e-6 },
                        { name: 'Millimeter of Mercury (mmHg)', value: 'mmhg', conversion: 0.00750062 },
                        { name: 'Inch of Mercury (inHg)', value: 'inhg', conversion: 0.00029530 },
                        { name: 'Torr (Torr)', value: 'torr', conversion: 0.00750062 },
                        { name: 'Pound per Square Inch (psi)', value: 'psi', conversion: 0.000145037 },
                        { name: 'Pound per Square Foot (psf)', value: 'psf', conversion: 0.0208854 },
                        { name: 'Technical Atmosphere (at)', value: 'technical_at', conversion: 0.00000980665 },
                        { name: 'Kip per Square Inch (ksi)', value: 'ksi', conversion: 1.45037e-7 },
                        { name: 'Newton per Square Millimeter (N/mm²)', value: 'newton_per_square_millimeter', conversion: 1e-6 },
                        { name: 'Kilogram per Square Meter (kg/m²)', value: 'kilogram_per_square_meter', conversion: 0.01 },
                        { name: 'Millibar (mbar)', value: 'millibar', conversion: 0.01 },
                        { name: 'Centimeter of Water (cmH₂O)', value: 'cmh2o', conversion: 0.0101972 },
                        { name: 'Inch of Water (inH₂O)', value: 'inh2o', conversion: 0.00401865 },
                        { name: 'Kip per Square Foot (ksf)', value: 'ksf', conversion: 1.42106e-5 },
                    ],
                    filesize: [
                        { name: 'Byte (B)', value: 'byte', conversion: 1 },
                        { name: 'Kilobyte (KB)', value: 'kilobyte', conversion: 0.001 },
                        { name: 'Megabyte (MB)', value: 'megabyte', conversion: 0.000001 },
                        { name: 'Gigabyte (GB)', value: 'gigabyte', conversion: 0.000000001 },
                        { name: 'Terabyte (TB)', value: 'terabyte', conversion: 0.000000000001 },
                        { name: 'Petabyte (PB)', value: 'petabyte', conversion: 0.000000000000001 },
                        { name: 'Exabyte (EB)', value: 'exabyte', conversion: 0.000000000000000001 },
                        { name: 'Zettabyte (ZB)', value: 'zettabyte', conversion: 0.000000000000000000001 },
                        { name: 'Yottabyte (YB)', value: 'yottabyte', conversion: 0.000000000000000000000001 },
                        { name: 'Brontobyte (BB)', value: 'brontobyte', conversion: 0.000000000000000000000000001 },
                    ],
                },
                fromValue: '',
                toValue: '',
                fromUnit: null,
                toUnit: null,
                isShow: false,
                units: [],
            };
        },
        methods: {
            toggleShow(){
                this.isShow  =  !this.isShow
            },
            updateToValue(fromUnit, toUnit, fromValue) {
                let toValue = 0;
                console.log(fromValue)
                if (fromUnit && toUnit && fromValue) {
                    if(fromUnit.formula){
                        const fromValueInCelsius = fromUnit.reverseFormula(Number(fromValue));
                        toValue = toUnit.formula(fromValueInCelsius).toFixed(10);
                    } else {
                        toValue = (fromValue /fromUnit.conversion * toUnit.conversion).toFixed(10);
                    }
                }
                return toValue
            },
            convert(){
                this.toValue = this.updateToValue(this.fromUnit, this.toUnit, this.fromValue);
            },
            updateUnits() {
                this.units = this.unitTypes[this.selectedType] || [];
                this.fromUnit = this.units[0];
                this.toUnit = this.units[1] || this.units[0];
                this.toValue = this.convert(this.fromUnit, this.toUnit, this.fromValue);
            }
        },
        mounted() {
            this.updateUnits();
        }
    });

    app.mount('#unit-converter');
</script>
            
            <!-- App Download Banner (Hidden) -->
            <div class="rounded-md py-5 hidden">
                <a href="https://apps.apple.com/us/app/resolve-calculator/id6670785680">
                    <div class="rounded-xl relative w-full h-full flex items-center justify-center">
                        <img src="/app.png" alt="resolve-calculator" class="rounded-3xl w-full h-full object-cover">
                        <span class="absolute text-white lg:text-4xl text-2xl">下载应用</span>
                    </div>
                </a>
            </div>

            <div id="catation-app" class="py-6 border-b border-t">
  <h3 class="text-xl font-semibold mb-2">引用</h3>
  <p class="mb-4 text-gray-500">使用以下引用将其添加到您的参考书目:</p>
  <div class="bg-white rounded-lg">
    <div class="flex justify-between mb-4">
      <div class="flex gap-1">
        <button class="font-bold px-0 py-1 rounded-md text-xs">风格:</button>
        <!-- Use a loop to generate buttons dynamically -->
        <button
          v-for="style in ['Chicago', 'MLA', 'APA']"
          :key="style"
          :class="{
            'bg-green-500 text-white': activeStyle === style && style === 'Chicago',
            'bg-blue-500 text-white': activeStyle === style && style === 'MLA',
            'bg-orange-500 text-white': activeStyle === style && style === 'APA',
            'bg-gray-300 text-black': activeStyle !== style
          }"
          @click="setActiveStyle(style)"
          class="px-2 py-1 rounded-md text-xs"
        >
          {{ style }}
        </button>
      </div>

      <button @click="copy()" class="bg-blue-500 text-white px-2 py-1 rounded-md text-xs">
        复制      </button>
    </div>

    <div v-if="citationMap[activeStyle]">
      {{ citationMap[activeStyle] }}
    </div>
  </div>
</div>

<script>
  const citationApp = Vue.createApp({
    data() {
      return {
        citationMap: {"MLA":"\"\u73ed\u5179\u54c8\u592b\u6307\u6570\u8ba1\u7b97\u5668\n.\" calculatorultra.com, Web, 2024-10-03 16:56:52, https:\/\/www.calculatorultra.com\/zh\/tool\/banzhaf-index-calculator.html.","Chicago":"\"\u73ed\u5179\u54c8\u592b\u6307\u6570\u8ba1\u7b97\u5668\n.\" calculatorultra.com,Last modified 2024-10-03 16:56:52. https:\/\/www.calculatorultra.com\/zh\/tool\/banzhaf-index-calculator.html.","APA":" calculatorultra.com. (2024-10-03 16:56:52). \u73ed\u5179\u54c8\u592b\u6307\u6570\u8ba1\u7b97\u5668\n.Retrieved from  https:\/\/www.calculatorultra.com\/zh\/tool\/banzhaf-index-calculator.html"},
        activeStyle: 'Chicago',
      };
    },
    methods: {
      setActiveStyle(style) {
        this.activeStyle = style;
      },
      copy() {
        // Use the Clipboard API to copy text to the clipboard
        const citation = this.citationMap[this.activeStyle];
        navigator.clipboard.writeText(citation).then(() => {
          alert("Citation copied to clipboard!");
        }).catch(err => {
          console.error("Error copying citation: ", err);
        });
      },
    },
  });
  citationApp.mount('#catation-app');
</script>
        </div>

        <!-- Content Section -->
        <div class="content w-full md:w-3/5 p-5 border rounded-lg shadow-lg bg-white" id="markdown-body">
            <!-- Find More Section -->
            <div class="text-center mb-6">
                <h2 class="font-bold text-2xl text-blue-700 inline-flex items-center gap-2">
                    Find More Calculator                    <span class="animate-bounce inline-block">☟</span>
                </h2>
            </div>
            
            <!-- Google Search -->
            <div class="relative max-w-3xl mx-auto mb-8">
                <script async src="https://cse.google.com/cse.js?cx=21850ee7aabcae78b"></script>
                <div class="gcse-search"></div>
            </div>

            <!-- Search Styling -->
            <style>
            .gs-title {
                text-align: left;
            }
            .gs-title * {
                font-size: 20px !important;
            }
            .gsc-search-button-v2 {
                padding: 12px 40px;
                border-radius: 8px !important;
                background-color: #2563eb !important; 
                border-color: #2563eb !important;
            }
            .gsc-input {
                height: 30px !important;
                background: none !important;
                border-radius: 8px !important;
                padding: 10px !important;
            }
            .gsc-input-box {
                border-radius: 8px !important;
                box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
            }
            </style>

            <!-- Markdown Content -->
            <div class="markdown-body prose prose-blue max-w-none p-4 rounded-lg bg-white">
                <p>班扎夫权力指数是衡量投票游戏中个体成员权力的指标。它计算选民通过改变对提案的支持或反对立场来改变投票结果的频率。此计算器允许您输入总票数、每个选手的投票权重以及通过动议所需的票数。结果是每个选手的班扎夫权力指数，表明他们在决策过程中的相对权力。</p>
<h3>历史背景</h3>
<p>班扎夫权力指数由约翰·F·班扎夫三世于1965年提出，作为衡量决策机构中投票权力的方法。它在政治学和经济学中尤其重要，有助于量化单个选民或群体在一个更大的投票系统中的影响力。</p>
<h3>计算公式</h3>
<p>计算班扎夫权力指数的公式涉及考虑所有可能的投票组合，并确定选民在达到票数门槛时是关键的次数。然后，权力指数是每个选民成为关键的次数与关键事件总数的比例。</p>
<h3>示例计算</h3>
<p>考虑一个具有三个选手的投票系统，其中投票权重为4、3和2，票数门槛为6。班扎夫权力指数将通过评估所有可能的联盟并确定每个选手在达到或超过票数门槛时是否起关键作用来计算。</p>
<h3>重要性和使用场景</h3>
<p>班扎夫权力指数对于理解集体决策过程的动态至关重要，尤其是在政治机构、公司董事会或任何通过投票做出决策的场景中。它有助于突出一些选民由于其影响结果的能力而可能拥有的不成比例的权力。</p>
<h3>常问问题</h3>
<ol>
<li>
<p><strong>班扎夫权力指数用于什么？</strong></p>
<ul>
<li>班扎夫权力指数用于衡量投票系统中个体成员的权力或影响力。它经常应用于政治学，以评估立法机构内部的权力分配。</li>
</ul>
</li>
<li>
<p><strong>班扎夫权力指数与其他权力指数有何不同？</strong></p>
<ul>
<li>班扎夫权力指数侧重于选民通过改变投票来改变投票结果的能力，而其他指数，如谢普利-舒比克指数，则考虑权力分配的不同方面。</li>
</ul>
</li>
<li>
<p><strong>班扎夫权力指数可以应用于任何投票系统吗？</strong></p>
<ul>
<li>可以，它可以应用于任何基于不同权重的投票汇总做出决策的投票系统。但是，其有效性取决于投票系统的复杂性。</li>
</ul>
</li>
</ol>
<p>此计算器帮助用户了解每个选民在决策过程中的影响力，使其成为分析投票系统中权力分配的宝贵工具。</p>            </div>
        </div>
    </div>
    
    <!-- Recommendations Section -->
    <div class="mt-10">
        <section class="py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="mb-12 font-bold text-center text-3xl text-blue-600 flex items-center justify-center">
推荐        </h2>

        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/youngs-rule-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">杨氏公式计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/bellman-equation-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">贝尔曼方程计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/gcs-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">GCS 计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/depth-of-flow-in-pipe-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">管道流深计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/gtts-per-minute-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">每分钟 GTTS 计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/fence-slope-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">围栏坡度计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/binding-quilt-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">捆绑被子计算器
</span>
                </a>
                            <a class="group relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white p-8 text-center font-bold shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1" 
                   href="https://www.calculatorultra.com/zh/tool/backup-capacity-calculator.html">
                    <div class="absolute w-20 h-20 -right-6 -top-6 bg-blue-400 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <div class="absolute w-12 h-12 -left-4 -bottom-4 bg-blue-300 rounded-full opacity-20 group-hover:scale-150 transition-transform duration-500"></div>
                    <span class="text-xl relative z-10">备份容量计算器
</span>
                </a>
                    </div>
    </div>
</section>
    </div>
</div>

<!-- Additional Styles -->
<style>
    .markdown-body h1, .markdown-body h2, .markdown-body h3 {
        color: #1d4ed8;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        font-weight: 600;
    }
    
    .markdown-body a {
        color: #2563eb;
        text-decoration: none;
    }
    
    .markdown-body a:hover {
        text-decoration: underline;
    }
    
    .markdown-body table {
        border-collapse: collapse;
        width: 100%;
        margin: 1rem 0;
    }
    
    .markdown-body th, .markdown-body td {
        border: 1px solid #e5e7eb;
        padding: 0.5rem;
    }
    
    .markdown-body th {
        background-color: #f3f4f6;
    }
    
    @media (max-width: 768px) {
        .calc-content-wrapper {
            flex-direction: column;
        }
        
        .code, .content {
            width: 100%;
        }
    }
</style>
    </div>
    <footer class="pt-8 pb-8 border-t border-slate-200/20 mt-32">
    <div class="max-w-7xl mx-auto px-4">
        <div class="text-center mb-6">
            <p class="text-sm text-slate-500 leading-6">© 2025 <a href="https://www.calculatorultra.com" class="text-slate-500 no-underline hover:text-slate-900 transition-colors">Calculator Ultra</a>. 保留所有权利。</p>
        </div>
        
        <nav class="flex items-center justify-center flex-wrap gap-2">
            <a href="/en/terms-of-use" class="text-sm font-semibold text-slate-700 no-underline hover:text-slate-900 transition-colors">使用条款</a>
            <span class="w-px h-4 bg-slate-200/20"></span>
            <a href="/en/about" class="text-sm font-semibold text-slate-700 no-underline hover:text-slate-900 transition-colors">关于</a>
            <span class="w-px h-4 bg-slate-200/20"></span>
            
            <div class="flex items-center gap-2 sm:gap-2" id="lang-select">
                <label for="languageSelect" class="text-sm font-semibold text-slate-700">
                    语言:
                </label>
                <select id="languageSelect" class="py-2 px-4 border border-slate-200 rounded-md text-sm text-slate-700 bg-white shadow-sm outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 transition-all" @change="changeLanguage($event)" :value="defaultLanguage">
                    <option value="en">🇬🇧 English</option>
                    <option value="zh">🇨🇳 中文</option>
                    <option value="es">🇪🇸 Español</option>
                    <option value="fr">🇫🇷 Français</option>
                    <option value="ar">🇸🇦 العربية</option>
                    <option value="pt">🇵🇹 Português</option>
                    <option value="hi">🇮🇳 हिन्दी</option>
                    <option value="ru">🇷🇺 Русский</option>
                    <option value="ja">🇯🇵 日本語</option>
                    <option value="ko">🇰🇷 한국어</option>
                    <option value="bn">🇧🇩 বাংলা</option>
                    <option value="pa">🇮🇳 ਪੰਜਾਬੀ</option>
                    <option value="de">🇩🇪 Deutsch</option>
                    <option value="jv">🇮🇩 Basa Jawa</option>
                    <option value="mr">🇮🇳 मराठी</option>
                    <option value="tr">🇹🇷 Türkçe</option>
                    <option value="ta">🇮🇳 தமிழ்</option>
                    <option value="vi">🇻🇳 Tiếng Việt</option>
                    <option value="th">🇹🇭 ไทย</option>
                </select>
            </div>
        </nav>
    </div>
</footer>

<script>

Vue.createApp({
    data() {
    return {
        defaultLanguage: this.getDefaultLanguage(),
    };
},
methods: {
    getDefaultLanguage() {
        const path = window.location.pathname;
        const langMatch = path.match(/\/(en|zh|es|fr|ar|pt|hi|ru|ja|ko|bn|pa|de|jv|mr|tr|ta|vi|th)\//);
        return langMatch ? langMatch[1] : 'en'; // 默认为 'en'，如果 URL 中没有匹配到语言代码
    },
    changeLanguage(event) {
        const selectedLanguage = event.target.value;
        let newPath = window.location.pathname.replace(/\/(en|zh|es|fr|ar|pt|hi|ru|ja|ko|bn|pa|de|jv|mr|tr|ta|vi|th)\//, `/${selectedLanguage}/`);
        if(!window.location.pathname.match(/\/(en|zh|es|fr|ar|pt|hi|ru|ja|ko|bn|pa|de|jv|mr|tr|ta|vi|th)\//)){
            newPath = "/"+selectedLanguage+"/";
        }
        window.location = newPath + window.location.search;
    }
},
}).mount('#lang-select');

// 捕获全局的 JavaScript 错误
window.onerror = function (message, source, lineno, colno, error) {
    // 构建错误信息对象
    const errorDetails = {
        message: message, // 错误消息
        source: source, // 发生错误的脚本文件
        lineno: lineno, // 出现错误的行号
        colno: colno, // 出现错误的列号
        stack: error ? error.stack : '' // 错误的堆栈信息（如果可用）
    };

    // 使用 fetch 将错误信息发送到指定的 API 端点
    fetch('/Api/LogJsError', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(errorDetails)
    });

    // 阻止默认的错误处理行为
    return true;
};

// 捕获资源加载错误（例如图片、脚本、样式等）
window.addEventListener('error', function (event) {
    // 资源错误一般是由 `event.target` 触发的
    if (event.target && (event.target instanceof HTMLScriptElement ||
        event.target instanceof HTMLLinkElement ||
        event.target instanceof HTMLImageElement)) {
        const errorDetails = {
            message: `Resource Load Error: ${event.target.src || event.target.href}`,
            source: event.target.nodeName,
            lineno: 0,
            colno: 0,
            stack: ''
        };
        if(event.target.nodeName.indexOf("KaTeX") != -1
            || event.target.nodeName.indexOf("google") != -1
        ){
            return
        }

        fetch('/Api/LogJsError', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(errorDetails)
        });
    }
}, true);

document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.getElementById('markdown-body'))
        //renderMathInElement(document.getElementById('markdown-body'), {
        //    delimiters: [
        //        {left: "$$", right: "$$", display: true},
        //        {left: "\\(", right: "\\)", display: true},
        //        {left: "\\[", right: "\\]", display: true}
        //    ]
        //});
    });

</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js" integrity="sha512-Kef5sc7gfTacR7TZKelcrRs15ipf7+t+n7Zh6mKNJbmW+/RRdCW9nwfLn4YX0s2nO6Kv5Y2ChqgIakaC6PW09A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            particlesJS('particles-js', {
                particles: {
                    number: { value: 80, density: { enable: true, value_area: 800 } },
                    color: { value: "#3498db" },
                    shape: { type: "circle" },
                    opacity: { value: 0.5, random: true },
                    size: { value: 3, random: true },
                    line_linked: { enable: true, distance: 150, color: "#3498db", opacity: 0.4, width: 1 },
                    move: { enable: true, speed: 2, direction: "none", random: false, straight: false, out_mode: "out", bounce: false }
                },
                interactivity: {
                    detect_on: "canvas",
                    events: { onhover: { enable: true, mode: "grab" }, onclick: { enable: true, mode: "push" }, resize: true },
                    modes: { grab: { distance: 140, line_linked: { opacity: 1 } }, bubble: { distance: 400, size: 40, duration: 2, opacity: 8, speed: 3 }, repulse: { distance: 200, duration: 0.4 }, push: { particles_nb: 4 }, remove: { particles_nb: 2 } }
                },
                retina_detect: true
            });
        });
    </script>
</body>
</html>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>